Sidebar

Visible navigation groups and native links with current and disabled states.

Loading example…

Interactions use local sample data.

Usage and props

Keep destination labels visible. Compose Sidebar with Sidecar for a mobile drawer; Sidebar itself does not own disclosure state.

This is the public signature used by this example. Open Code to see how the values and callbacks fit together.

Sidebar: label?/as? · Group: label? · Link: href/current?/disabled?/icon?/badge?

These are the main props for the example. The package's TypeScript declarations include the full API.