Theming

You can customize the appearance of the Flow component using CSS. The Flow component comes with a default theme, which you can override with your own styles.

The Flow component uses CSS variables for theming. You can override these variables to change the appearance of the flow. Here are some of the most common variables:

You can add custom stylesheets to your app to override the default styles. To do this, add the stylesheets prop to your rxe.App or rx.App instance:

Then, create a file assets/css/my-custom-styles.css in your project and add your custom styles there.

You can also apply custom styles to individual nodes and edges using the style and className props.

You can pass a style dictionary to the style prop of a node or edge:

You can also pass a class name to the className prop and define the styles in your CSS file: