Material UI (MUI)

ROQ One’s styling approach is based on the popular Material UI library, which is the React-implementation of Material Design. If Material UI doesn’t fit your case, feel free to replace it with another library of your choice or write your own CSS.

📖 Material UI documentation

Custom CSS

You can add any custom CSS to all React components by using the roqMakeStyles() utility function. This enhances MUI makeStyles() to enable users to build nested classes objects based on dot separated field path.

See frontend/src/views/author-create/partials/author-create-form/author-create-form.styles.ts as a full example.