◇

Toolbar

3 parts

Anatomy

Import the parts and compose them. Each part forwards attributes to its underlying element.

vue

import {
  ToolbarButton,
  ToolbarRoot,
  ToolbarSeparator,
} from '@robonen/primitives/toolbar';

<ToolbarButton>
  <ToolbarRoot />
  <ToolbarSeparator />
</ToolbarButton>

API Reference

ToolbarButton

Button

Prop	Type	Default	Description
`disabled`?	`boolean`	—	—

ToolbarRoot

Root

Prop	Type	Default	Description
`orientation`?	`'horizontal' \| 'vertical'`	—	—
`dir`?	`RovingDirection`	—	—
`loop`?	`boolean`	—	—

ToolbarSeparator

Separator

Prop	Type	Default	Description
`orientation`?	`'horizontal' \| 'vertical'`	—	—