Getting Started

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



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"


  • 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