The options object in the configuration is crucial for developers to set the basic preferences for their projects.
| key | Description | Type | Default Value |
|---|---|---|---|
| initialStyles | Initialize styles for the application. | boolean | true |
| rtl | Enable or disable right-to-left layout. | boolean | false |
| minify | Minify styles for improved performance. | boolean | true |
| darkMode | Configuration for dark mode settings. | object | { enabled: false, theme: "dark" } |
Mojo's initialStyles offer essential base styles, aiming to harmonize cross-browser variations and enhance compatibility with your design system.
Enabling this option in Mojo adds a direction: rtl style to the body element, shifting the project to a right-to-left layout.
Enabling this option will automatically compress the output CSS styles. It is recommended to have this option enabled TO enhance optimization.
Enabling this option triggers the dark theme automatically when the user's system theme is dark.