Button Group
Grouped button controls styled as a clean segmented surface. By default, the group renders as a lightly tinted tray on the white canvas.
Basic Button Group
A simple horizontal segmented control on the default tray surface.
Text Formatting
Icon-based button group for text formatting controls.
Alignment Controls
Button group for text alignment selection.
View Switcher
Toggle between different view modes.
With Separators
Button groups with visual separators between actions.
Quantity Control
Increment and decrement controls with a center display. This pattern is commonly used in the Tinted Trays theme.
Zoom Controls
Zoom level controls with percentage display.
Vertical Orientation
Button groups can be oriented vertically for sidebar actions.
Toolbar Layout
Multiple button groups arranged as a toolbar.
Inverted Canvas
Tinted canvas block with a white segmented surface.