Playground

Buttons

Flat buttons with a cutout border and inner face — instrument panel pushbuttons. The outer border provides a transparent gap that reveals the parent surface, creating depth without shadows. Four variants (primary, secondary, ghost, danger) and three sizes. Button groups wrap related actions in a textured panel with composable texture slots.

Variants

Primary, secondary, ghost, danger

Sizes

Small, medium, large across all variants

Primary
Secondary
Ghost

Disabled

All variants in disabled state

Navigation

Buttons as links

On Surfaces

Buttons on different backgrounds

Cream surface
Navy surface
Red surface

Button Group

Action buttons grouped in a striped panel

Actions
Navigation
Back
With background colors
Navy
Red
No background (stripes over parent)
Default
Spacing variants
Tight
Medium
Loose

Inline Usage

Buttons alongside text and form elements

3 monitors in layout