Shine Button
A showcase lit-key CTA with a light sweep across its face on hover and focus, an ember edge sheen that turns, and a glow on press.
Preview
New in 2.14
Ship reviews in an afternoon, not a sprint
Shared views, inline comments and one-click handoff for the whole team.
Hover or focus to sweep the face and turn the edge sheen; press for a glow.
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| variant | "primary" | "secondary" | "primary" | The lit key, or a raised card pill. |
| size | "md" | "lg" | "md" | 36 or 44 px tall. |
| sheen | false | "hover" | "always" | "hover" | Ember edge sheen: rests at an angle and turns on hover/focus, turns slowly always, or off. |
| ...props | ComponentProps<"button"> | — | Native button props (onClick, disabled, type…). |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.