Props mirror Base UI React where applicable, adapted for Svelte 5. Native HTML attributes for the rendered element are also
accepted unless noted.
Toolbar.Root
Extends div HTML attributes.
| Property | Type | Default | Description |
|---|
orientation | ToolbarOrientation | 'horizontal' | — |
children | Snippet<[{ orientation: ToolbarOrientation }]> | — | Content rendered inside the part. |
| Data attribute | Description |
|---|
data-orientation | The orientation of the component. |
Toolbar.Button
Extends button HTML attributes.
| Property | Type | Default | Description |
|---|
disabled | boolean | false | Whether the control ignores user interaction. |
focusableWhenDisabled | boolean | false | Whether the control remains focusable when disabled. |
type | 'button' | 'submit' | 'reset' | undefined | — | Native control type when rendering a native element. |
children | Snippet<[{ disabled: boolean }]> | — | Content rendered inside the part. |
| Data attribute | Description |
|---|
data-disabled | Present when the part is disabled. |
data-orientation | The orientation of the component. |
Toolbar.Group
Extends div HTML attributes.
| Property | Type | Default | Description |
|---|
children | Snippet | — | Content rendered inside the part. |
| Data attribute | Description |
|---|
data-orientation | The orientation of the component. |
Toolbar.Input
Extends input HTML attributes.
| Property | Type | Default | Description |
|---|
disabled | boolean | false | Whether the control ignores user interaction. |
focusableWhenDisabled | boolean | false | Whether the control remains focusable when disabled. |
value | string | undefined | — | Controlled value. |
defaultValue | string | — | Uncontrolled initial value. |
onValueChange | ((value: string, event: Event) => void) | undefined | — | Event handler called when the value changes. |
children | Snippet | — | Content rendered inside the part. |
| Data attribute | Description |
|---|
data-disabled | Present when the part is disabled. |
data-orientation | The orientation of the component. |
Toolbar.Link
Extends anchor HTML attributes.
| Property | Type | Default | Description |
|---|
children | Snippet | — | Content rendered inside the part. |
| Data attribute | Description |
|---|
data-orientation | The orientation of the component. |
Toolbar.Separator
Extends div HTML attributes.
| Property | Type | Default | Description |
|---|
orientation | ToolbarOrientation | undefined | 'horizontal' | — |
| Data attribute | Description |
|---|
data-orientation | The orientation of the component. |