React control gallery
Every control in @listenssoft/speechui-react, running live on this page.
Press and hold anywhere to talk, then speak a control's command. For the code behind any of these, open its component page from the React section.
@listenssoft/speechui-react — control gallery
Every control with default kit styling only. Press and hold anywhere to talk, then speak a control’s command. The page itself is unstyled on purpose. (The listening bar at the top is a ListeningBar this site renders once for every page; the provider doesn’t draw one.)
text — display that swaps while listening
Tap & hold to talkcommand — useListensCommand hook
Say “wave hello” while holding to talk.
triggered 0×
label button — fires on its command
bare primitives — unstyled ListensButton / ListensInput
input — text value + spoken-text filtering by type
text area — multi-line value
toggle — on/off switch, command toggles it
theme: … — flip it, or say “dark mode” while holding to talk
toggle button — press-to-activate
pressed: false
toggle button group — segmented (mutually exclusive)
slider — spoken number → clamped value
value: 50
radio group — single select + aliases
value: Medium
checkbox — multi select (string[])
values: []
picker — command opens grid, remainder selects a color
None
value: —
combobox — filterable select; command word toggles dropdown
value: —
list — add / delete / check / rename / clear by voice
- Buy milk
- Walk the dog
2 item(s): ☐ Buy milk, ☑ Walk the dog