Getting Started

AppLayout supports a few layouts out of the box. For more details on all of the layouts check out our Guides page.

AppLayout

Props

NameDescriptionTypeRequiredDefault
contentLayoutlayout that the main content will have. Allowed values are: "center", "full"Stringfalse"center"
navLayoutlayout that the navigation will have. Allowed values are: "horizontal", "vertical"Stringfalse"horizontal"

Slots

  • header - slot should contain an App Bar or an App Header
  • rail - slot should contain a Navigation Rail or an App Rail
  • footer - slot should contain a Footer
  • default - slot should the main app content. Slot content is contained within a .feather-container therefore you can start using .feather-rows to structure your content