CONTROL

Record

Record is a portable audio capture surface with waveform feedback, elapsed time, review controls, and explicit discard or confirm affordances.

REVIEWABLE MEDIA

Capture with intent

Use maxDuration to put a predictable boundary around voice notes and briefings.

PLAYGROUND

Compare recording states

The browser preview exposes the same start, pause, resume, stop, discard, and confirm state model that native targets render with their own controls.

00:00Ready

Soft capture surface with a 90-second limit.

00:00Ready

A supplied URL represents a recorded result ready for review.

dowe
Record name:"voice-briefing" variant:"soft" scheme:"primary" maxDuration:90
Record name:"reviewed-note" url:"https://cdn.pixabay.com/audio/2022/04/25/audio_5d61b5204f.mp3" variant:"solid" scheme:"success" maxDuration:45

ADVANCED WORKFLOWS

Record, review, then commit

Keep the field name stable across targets so the generated runtime can associate a capture with the same form or workflow.

1 · CAPTURE

Short voice note

Use a tight maxDuration for support tickets, status updates, or accessibility notes.

00:00Ready

2 · REVIEW

Listen before sending

url lets a restored or uploaded result render in the same review surface.

00:00Ready

3 · GUARDRAIL

Disable capture

Disabled keeps the affordance visible while the surrounding workflow is unavailable.

00:00Ready
dowe
Record name:"support-note" variant:"soft" scheme:"info" maxDuration:30
Record name:"review-note" url:"/uploads/review-note.webm" variant:"soft" scheme:"warning" maxDuration:120
Record name:"locked-note" variant:"soft" scheme:"muted" disabled:true maxDuration:60

ACTIONS

Wire the lifecycle explicitly

Record accepts onStart, onPause, onResume, onStop, onDiscard, and onConfirm action names. Bind only the transitions that your workflow needs; the target-owned control still keeps the state model consistent.

API

Props

Record also accepts the applicable common spacing, sizing, border, visibility, and accessibility props.

Prop
Type
Default

No data

There are no records to display