# Toolbar

A horizontal bar for grouped actions. Wrap related buttons in `ToolbarGroup` and
divide groups with `ToolbarSeparator`. The `floating` variant adds a soft shadow
for overlay toolbars.

## Floating studio toolbar

A faithful rebuild of the Vuer studio's floating top toolbar: a segmented
`ToggleButtons` for the select modes, a standalone `Toggle` for the
world/local coordinate mode, a ghost button for the scene editor, a separator,
then the Add action. `variant="floating"` adds the overlay shadow for a bar
that floats over the 3D canvas.

## Props

### `Toolbar`

| Prop | Type | Default | Description |
| --- | --- | --- | --- |
| `variant` | `'default' \| 'floating'` | `'default'` | `floating` adds a shadow. |
| `size` | `'sm' \| 'md' \| 'lg'` | `'md'` | Only `lg` enlarges the padding and corner radius; `sm` and `md` are identical. |
| `className` | `string` | — | Extra classes. |

`ToolbarGroup` and `ToolbarSeparator` accept `className` and native `<div>`
attributes.