opinion
VoiceInputBar
The voice capture bar: a waveform, a status line, a big mic button, and keyboard and camera buttons.
Assistant micPress the mic to listen, press again to send
Listening…
Processing…
In context
Ask TidelineVoice mode in the phone assistant
Ask Tideline
What slipped on the mobile release this week?
Two things. Offline sync is in review and the crew-interview notes are late.
Ask Tideline
What slipped on the mobile release this week?
Two things. Offline sync is in review and the crew-interview notes are late.
Listening…
Props
| Prop | Type | Required | Default |
|---|---|---|---|
state | VoiceInputBarState | Yes | — |
onMicPress | (() => void) | undefined | No | — |
onKeyboardToggle | (() => void) | undefined | No | — |
onCameraPress | (() => void) | undefined | No | — |
showKeyboardToggle | boolean | undefined | No | true |
showCamera | boolean | undefined | No | true |
accentColor | string | undefined | No | var(--rebar-color-primary, #0066cc) |
statusText | string | undefined | No | — |
barCount | number | undefined | No | 32 |
seed | string | undefined | No | voice-input-bar |
bionic | boolean | undefined | No | — |
bionicOptions | BionicOptions | undefined | No | — |
className | string | undefined | No | — |
Presentational
No audio capture inside: the caller owns the microphone and sets state. The waveform is a seeded decoration, not real amplitude.
data-rebar-* attributes
data-rebar-component="voice-input-bar", data-rebar-state mirrors state; parts include waveform, status, mic-button, keyboard-toggle, camera-button.
Migrating to Ant Design
Not codemod-covered. Compose AntD's circular Buttons against the same state machine; there is no AntD waveform strip.