Picker panel
Search and select from a dedicated side panel.
Browse components
SidebarPanel
Companion panel for sidebar search-trigger flows: searchable list, selection, badges, and close control; elevated variant matches card sidebars.
organisms 2 variants
Variants / states: plainelevated
Live example
Default usage you can copy and adapt.
Props
The props you are most likely to need, with types and defaults.
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| variant | "plain" | "elevated" | No | "elevated" | Visual weight of the panel shell |
| items | SidebarPanelItem[] | No | [] | Selectable panel items with optional descriptions and badges |
| searchValue | string | No | "" | Controlled search value for filtering panel items |
| selectedItemId | string | No | "" | Currently selected item id |