Skip to content

Sidebar ​

Overview ​

The main sidebar container. Renders as an off-canvas sheet on mobile and a collapsible panel on desktop.

Theme entry: Sidebar

Props ​

NameTypeRequiredDefaultDescription
themeOverrideObjectnullA partial ThemeObject keyed by component name, merged over this component's theme and provided to descendants.
classimport('vue').HTMLAttributes['class']undefinedAdditional CSS classes to apply to the root element.
sidestring"left"The side of the viewport the sidebar appears on.
variantstring"sidebar"The visual style variant.
collapsiblestring"offcanvas"The collapse behavior.

Slots ​

default ​

Slot.

Source ​

client/lib/navigation/sidebar/Sidebar.vue