What is Layouts covers?

Layouts covers all theme configuration settings if you want to apply manually in project.

i.e. if you want apply dark theme then you can directly add dark class in body.

You can set below layout, theme, menu style etc.

  • Layout Style- You can set manually by adding layout class from [full, boxed-layout, large-boxed-layout] to body.
  • Theme Style- You can set manually by adding theme class from [light, dark, system] to body.
  • Navigation Style- You can set manually by adding navigation class from [vertical, collapsible-vertical, horizontal] to body.
  • Navigation Style (Menu collapse)- You can set manually by adding collapse class [sidebar-closed sbar-open] to main container.

Note: You can use such as an all above style using any combination. there is no restriction.