components / sidebar
sidebar.
grouped docs sidebar with active-item highlighting and an optional search filter. framework-agnostic links via linkComponent.
try the search filter
installation
bunx @justin06lee/chrome@latest add sidebarprops
| name | type | default | description |
|---|---|---|---|
| groups | SidebarGroup[] | - | { label, items: { label, href }[] }[] — the nav sections. |
| activeHref | string | - | href of the current page; the exact-matching item gets the active treatment. |
| searchable | boolean | false | renders a search input above the groups that filters items by label. |
| searchPlaceholder | string | 'search…' | placeholder for the search input. |
| linkComponent | React.ElementType | 'a' | anchor element/component for items — pass your router's Link. |
| className | string | - | extra classes on the root <aside>. |