Tailwind
In this example we are using Tailwind for styling the flow.
Import the React Flow stylesheet into the base layer so that Tailwind can override the default styles.
index.css
@import '@xyflow/react/dist/style.css' layer(base);
@import 'tailwindcss';@import '@xyflow/react/dist/style.css' layer(base);
@import 'tailwindcss';
html,
body {
margin: 0;
font-family: sans-serif;
box-sizing: border-box;
}
#app {
width: 100vw;
height: 100vh;
}Last updated on