react-voice-forms

The Fast, Accurate, and Simple Voice Interface API

Website  |  Docs  |  Discussions  |  Blog  |  Podcast

---

Speechly voice form components for React

Also check out the full documentation!

Using Voice form components

Add @speechly/react-voice-forms dependency to the project:

npm i @speechly/react-voice-forms

Include the components:

import {
  VoiceDatePicker,
  VoiceCheckbox,
  VoiceInput,
  VoiceSelect,
  VoiceToggle,
} from '@speechly/react-voice-forms';

Place the form components inside your SpeechProvider block:

<SpeechProvider appId="YOUR_APP_ID_FROM_SPEECHLY_DASHBOARD">
  <VoiceInput label="From" changeOnEntityType="from" />
</SpeechProvider>

Styling Voice form components

Add a voice-form-theme-mui.css to your src folder, then include it in index.tsx:

import "voice-form-theme-mui.css";