Screens / Sidebar

Sidebar

A vertical navigation container typically used alongside the App Shell.

Live Demo

View the Sidebar layout in a full-screen environment.

MayaSidebar API

Prop / EventTypeDefaultDescription
collapsedBooleanfalseWhether the sidebar is minimized to a compact width.
#headerSlotTop section, usually for branding or app logo.
#defaultSlotMiddle scrollable section for primary navigation links.
#footerSlotBottom section, typically for user profile or settings.