Toolbar

A horizontal bar for grouping actions and controls. Supports floating and fixed variants at small, medium, and large sizes. Use ToolbarDivider to visually separate groups of actions.

Floating toolbar

A rich-text style toolbar with icon buttons and dividers. Uses variant="floating" for a rounded, elevated appearance.

With dropdowns

Combine icon buttons with Select dropdowns for richer controls like font family and size pickers.

Minimal

Icon buttons with ToolbarDivider but no wrapping Toolbar container for inline usage.

Sizes

Three sizes — sm, md (default), and lg — controlling padding and gap.

Fixed (full-width)

Uses variant="fixed" for a full-width bar that sits flush against the screen edge with no border-radius.