Skip to content

SidebarMenuBadge ​

Overview ​

A badge displayed at the right of a sidebar menu button. Tone controls the chromatic treatment: neutral auto-promotes to a sidebar-primary tint when the ancestor menu button is active; primary and destructive force the corresponding tint regardless of active state.

Theme entry: SidebarMenuBadge

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.
tonestring"neutral"Chromatic tone of the badge.

Slots ​

default ​

Slot.

Source ​

client/lib/navigation/sidebar/SidebarMenuBadge.vue