Examples
Sizes
Idle
Recording
Both States
Props
AudioRecordButton
A circular icon button that toggles audio recording. It owns the record lifecycle so consumers flip a singlestatus prop instead of swapping an IconButton’s icon and colour: idle shows the microphone to start, recording turns destructive with a stop glyph to end. Used by AudioUpload for its in-progress stop control.
string
Accessible name. Falls back to a status-aware default (“Record” / “Stop recording”) when omitted so screen readers announce the action.
number
When provided, displays a
Count badge at the top-right corner.boolean
default:"false"
Forces the dark-surface treatment regardless of theme. Only honoured on the
primary, secondary, tertiary, and outline variants."24" | "32" | "40" | "48" | "52" | "72"
default:"40"
Size of the button in pixels.
"idle" | "recording"
default:"idle"
Recording state; drives the icon and colour.
Exported types
Also exported from@fanvue/ui: AudioRecordButtonProps, AudioRecordButtonStatus.
Setup: Installation · Theming