Record Button
A record control with a red-dot key, a recording state with pulsing ring, elapsed time and stop square, pause and resume, and a saved confirmation; three sizes.
Preview
States
Idle
Recording
Paused
Saved
Voice memos
Try it- Memo 20:38
- Memo 12:04
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| status / defaultStatus / onStatusChange | "idle" | "recording" | "paused" | "saved" | — / "idle" / — | Controlled or uncontrolled state. |
| onStop | (seconds: number) => void | — | Length when recording stops. |
| defaultElapsed | number | 0 | Seconds already recorded (resume, or a static preview). |
| pausable | boolean | true | Show pause/resume while recording. |
| maxDuration | number | — | Stop automatically after this many seconds. |
| announceEvery | number | 30 | Announce the running time every N seconds. |
| savedDuration | number | 2400 | Ms “Saved 0:42” shows before idle; 0 keeps it. |
| frozen | boolean | false | Stop the clock (static previews). |
| label | string | "Record" | Idle label and name. |
| size | "sm" | "md" | "lg" | "md" | 32, 40 or 48 px tall. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.