Skip to main content

Interface: ToolbarProps

Defined in: components/Toolbar/Toolbar.tsx:44

Props for the Toolbar component.

Extends​

  • Omit<RACToolbarProps, "style" | "className" | "children">

Properties​

align?​

optional align?: ActionGroupAlign

Defined in: components/Toolbar/Toolbar.tsx:68

Where the controls sit along whichever axis has free space: the main axis in a row (justify-content), the cross axis in a column (align-items). A bar pinned to the end of a header wants end.

Default​

'start'

children?​

optional children?: ReactNode

Defined in: components/Toolbar/Toolbar.tsx:70

The controls to cluster.

orientation?​

optional orientation?: Orientation

Defined in: components/Toolbar/Toolbar.tsx:60

Layout and arrow-key axis — the two are one decision here, which is why the prop drives behaviour and not just looks: horizontal navigates with Left/Right, vertical with Up/Down.

Unlike ButtonGroup, a toolbar does not collapse to a column when it runs out of room: a toolbar that overflows moves its tail into an overflow menu (ActionMenu), it does not restack. Columnising a formatting bar would turn a compact strip into a wall.

Default​

'horizontal'

Overrides​

Omit.orientation