Toolbar
Toolbar with buttons/toggles
Parts: ToolbarRoot, ToolbarButton, ToolbarLink, ToolbarToggleGroup, ToolbarToggleItem, ToolbarSeparator
ToolbarRoot
Props
| Prop | Type | Default | |
|---|---|---|---|
as | `AsTag \ | Component` | "div" |
asChild | boolean | - | |
dir | `"ltr" \ | "rtl"` | - |
loop | boolean | - | |
orientation | `"vertical" \ | "horizontal"` | "horizontal" |
ToolbarButton
Props
| Prop | Type | Default | |
|---|---|---|---|
as | `AsTag \ | Component` | "button" |
asChild | boolean | - | |
disabled | boolean | - |
ToolbarLink
Props
| Prop | Type | Default | |
|---|---|---|---|
as | `AsTag \ | Component` | "a" |
asChild | boolean | - |
ToolbarToggleGroup
Props
| Prop | Type | Default | |
|---|---|---|---|
as | `AsTag \ | Component` | "div" |
asChild | boolean | - | |
defaultValue | `string \ | string[]` | - |
dir | `"ltr" \ | "rtl"` | - |
disabled | boolean | - | |
loop | boolean | - | |
modelValue | `string \ | string[]` | - |
orientation | `"vertical" \ | "horizontal"` | - |
rovingFocus | boolean | - | |
type | `"single" \ | "multiple"` | - |
Emits
| Event | Payload | |
|---|---|---|
update:modelValue | `[payload: string \ | string[]]` |
ToolbarToggleItem
Props
| Prop | Type | Default | |
|---|---|---|---|
as | `AsTag \ | Component` | "div" |
asChild | boolean | - | |
disabled | boolean | - | |
value* | string | - |
ToolbarSeparator
Props
| Prop | Type | Default | |
|---|---|---|---|
as | `AsTag \ | Component` | "div" |
asChild | boolean | - |