Skip to content
Component

Sidebar

Vertical nav panel with labeled sections, icons, badges, and active/disabled items. The active item uses the solid default color.

Sections, icons, and badges

  • Active items use bg-fuji-default text-fuji-default-foreground: black on white in light, white on dark in dark

API reference

Sidebar.Item activefalse
boolean

Marks the current destination.

Sidebar.SectionNone
compound part

Groups related navigation items.

classNameNone
string

Additional classes applied to the component root.