Skip to main content

Styling

Intro​

React Bricks works with any CSS framework like Bootstrap, Tailwind, Material UI, CSS modules and it should work with any CSS-in-JS solution.

CSS in JS​

If you use a CSS-in-JS library, you need to set the useCssInJs flag to true in React Bricks configuration.

React Bricks will automatically load all the styles injected by the CSS-in-JS libraries, both in the DOM and in the CSSOM.

Dark mode​

If your content blocks are dark-mode compatible, you can let your users preview them in dark mode.
To do it, you have to provide a isDarkMode boolean value and a toggleDarkMode function in the React Bricks configuration.