SINGULARITY
DOCS
Theme Layouts
Singularity provides a variety of Theme Layouts, which you can explore and experiment with using the configuration sidebar (accessible by clicking the animated, rotating cog icon on the right side of your screen).
These layouts reside in the /src/components/theme-layouts directory and can be tailored to your needs. Each layout offers specific settings to modify components such as the Toolbar, Footer, and NavigationBar.
File Structure
/src/components/theme-layouts directory- /layout-1 :
- /components : Contains layout elements like Toolbar, Footer, and NavigationBar.
- /Layout1.tsx : Layout 1 component
- /Layout1.config.tsx : Defines the title, default settings, and form options for the layout.
- /components : Common components shared across all layouts in this directory
- /themeLayoutConfigs.tsx : Imports all layout configurations.
- /themeLayouts.tsx : Imports all layout components.
- /layout-2
- /layout-3
Configuring
Singularity React includes a powerful layout system that allows you to assign and customize distinct layouts for each route.
Each route can feature unique layout configurations, enabling the creation of pages, such as a login page, without displaying a toolbar or NavigationBarSlice, all within the Singularity React ecosystem.
For additional information on configuring routes and their usage, consult the Routing documentation page.