Toolbar

A horizontal toolbar container with grouped actions and separators.

Default

Toolbar with action groups separated by dividers.

Single Group

Toolbar with one group of actions.

Usage

julia
using Suite

Toolbar(
    ToolbarGroup(
        Button(size="icon", variant="ghost", "B"),
        Button(size="icon", variant="ghost", "I"),
    ),
    ToolbarSeparator(),
    ToolbarGroup(
        Button(size="icon", variant="ghost", "⌗"),
    ),
)

API Reference

Toolbar

PropTypeDefaultDescription
childrenAny-ToolbarGroup and ToolbarSeparator elements
classString""Additional CSS classes
themeSymbol:defaultTheme preset

Sub-components

ComponentDescription
ToolbarGroupGroups related toolbar items with role="group"
ToolbarSeparatorVertical divider between groups