Sidebar.Content Props
| Prop | Type | Default |
|---|
Sidebar
A vertical navigation panel typically placed on the side of a page.
Usage
Sidebar.Root Props
| Prop | Type | Default |
|---|---|---|
className | string | — |
children | ReactNode | — |
side | enum | "left" |
variant | enum | "sidebar" |
collapsible | enum | "offcanvas" |
Sidebar Props
| Prop | Type | Default |
|---|---|---|
className | string | — |
children | ReactNode | — |
side | enum | — |
variant | enum | — |
collapsible | enum | — |
Sidebar.Group Props
| Prop | Type | Default |
|---|---|---|
className | string | — |
children | ReactNode | — |
Sidebar.GroupAction Props
| Prop | Type | Default |
|---|---|---|
type | enum | — |
className | string | — |
children | ReactNode | — |
asChild | boolean | "false" |
Sidebar.GroupContent Props
| Prop | Type | Default |
|---|---|---|
className | string | — |
children | ReactNode | — |
Sidebar.GroupLabel Props
| Prop | Type | Default |
|---|---|---|
className | string | — |
children | ReactNode | — |
asChild | boolean | "false" |
Sidebar.Header Props
| Prop | Type | Default |
|---|---|---|
className | string | — |
children | ReactNode | — |
Sidebar.Input Props
| Prop | Type | Default |
|---|
Sidebar.Inset Props
| Prop | Type | Default |
|---|---|---|
className | string | — |
children | ReactNode | — |
Sidebar.Provider Props
| Prop | Type | Default |
|---|---|---|
className | string | — |
children | ReactNode | — |
defaultOpen | boolean | "true" |
open | boolean | — |
onOpenChange | function | — |
disableMobileMode | boolean | "false" |
Sidebar.Rail Props
| Prop | Type | Default |
|---|---|---|
type | enum | — |
className | string | — |
children | ReactNode | — |
Sidebar.SearchTrigger Props
| Prop | Type | Default |
|---|
Sidebar.Separator Props
| Prop | Type | Default |
|---|
Sidebar.Tree Props
| Prop | Type | Default |
|---|---|---|
item* | T | — |
getChildren* | function | — |
getLabel* | function | — |
getIcon | function | "() => null" |
isActive | function | "() => false" |
Sidebar.Trigger Props
| Prop | Type | Default |
|---|