Component

AppShell

Full-page layout compositor: sticky Header at the top, optional Sidebar on the left, and a main content area. Carries the Logo automatically.

Header + main (no sidebar)

eXtreme Automation

← main content slot fills this area

Header + sidebar + main

eXtreme Automation

← sidebar nav + main content area

Props

PropTypeDefaultDescription
logoVariant'color'|'white'|…'color'Forwarded to Header's Logo
classstringExtra CSS classes on the shell root

Slots: nav → Header nav · actions → Header actions · sidebar → Sidebar content · (default) → main content.