1# Toolbar
2 
3Toolbar with buttons/toggles
4 
5**Parts:** `ToolbarRoot`, `ToolbarButton`, `ToolbarLink`, `ToolbarToggleGroup`, `ToolbarToggleItem`, `ToolbarSeparator`
6 
7## ToolbarRoot
8 
9### Props
10| Prop | Type | Default |
11|------|------|---------|
12| `as` | `AsTag \| Component` | `"div"` |
13| `asChild` | `boolean` | - |
14| `dir` | `"ltr" \| "rtl"` | - |
15| `loop` | `boolean` | - |
16| `orientation` | `"vertical" \| "horizontal"` | `"horizontal"` |
17 
18## ToolbarButton
19 
20### Props
21| Prop | Type | Default |
22|------|------|---------|
23| `as` | `AsTag \| Component` | `"button"` |
24| `asChild` | `boolean` | - |
25| `disabled` | `boolean` | - |
26 
27## ToolbarLink
28 
29### Props
30| Prop | Type | Default |
31|------|------|---------|
32| `as` | `AsTag \| Component` | `"a"` |
33| `asChild` | `boolean` | - |
34 
35## ToolbarToggleGroup
36 
37### Props
38| Prop | Type | Default |
39|------|------|---------|
40| `as` | `AsTag \| Component` | `"div"` |
41| `asChild` | `boolean` | - |
42| `defaultValue` | `string \| string[]` | - |
43| `dir` | `"ltr" \| "rtl"` | - |
44| `disabled` | `boolean` | - |
45| `loop` | `boolean` | - |
46| `modelValue` | `string \| string[]` | - |
47| `orientation` | `"vertical" \| "horizontal"` | - |
48| `rovingFocus` | `boolean` | - |
49| `type` | `"single" \| "multiple"` | - |
50 
51### Emits
52| Event | Payload |
53|-------|---------|
54| `update:modelValue` | `[payload: string \| string[]]` |
55 
56## ToolbarToggleItem
57 
58### Props
59| Prop | Type | Default |
60|------|------|---------|
61| `as` | `AsTag \| Component` | `"div"` |
62| `asChild` | `boolean` | - |
63| `disabled` | `boolean` | - |
64| `value`* | `string` | - |
65 
66## ToolbarSeparator
67 
68### Props
69| Prop | Type | Default |
70|------|------|---------|
71| `as` | `AsTag \| Component` | `"div"` |
72| `asChild` | `boolean` | - |
73