Retro Button
An 8-bit button family with stepped pixel frames, a one-pixel press drop, pixel spinner, toggle state and pixel sprites, built on Pebble tokens.
Preview
Paused · Slot 21,284
World 3–2
Variants
Sizes
Icon
States
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| variant | "primary" | "secondary" | "danger" | "primary" | Face colour; the stepped frame and depth row stay ink. |
| size | "sm" | "md" | "lg" | "icon" | "md" | Height and padding; lg uses 3px pixels. Give icon buttons an aria-label. |
| loading | boolean | false | Pixel spinner over the hidden label; keeps width and focus, blocks clicks. |
| pressed | boolean | — | Toggle button: stays one pixel down and sets aria-pressed. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.