# ui/toolbar

> Selection toolbar — floats over a text selection with one button per registered mark.

Selection toolbar — floats over a text selection with one button per registered mark (F-42). Marks that carry an attribute (a link's href) get an inline field. Framework-free: a native popover in the top layer, positioned inside the viewport.

```js
import toolbar from 'verbal-editor/ui/toolbar';
```

| JS gzip | CSS gzip |
| --- | --- |
| 1.29 KB | 0.71 KB |

See it live on [Writing](#/examples/welcome) — every example page on the landing is editable.

## Contract

|  |  |
| --- | --- |
| Name | `toolbar` |

## Acceptance

| Feature | Acceptance | Budget |
| --- | --- | --- |
| F-42 · Selection toolbar | Positions within viewport bounds; dismisses on selection collapse | ≤ 1.5KB |