@speechly/react-voice-forms

Website  ·  Docs  ·  Support  ·  Blog  ·  Login

Speechly voice form components for React

Ready-made React form components that can be controlled with voice using Speechly. They also work with other modalities like tap, pointer and keyboard.

🚧 This project is no longer actively maintained and is looking for a maintainer. If you're interested, get in touch https://www.speechly.com/contact

Documentation

• Getting started with Speechly
• Voice form components
• Speechly UI components
• API reference

Usage

Install Speechly React Client and Speechly React voice form components:

npm install @speechly/react-client
npm install @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:

import { SpeechProvider } from '@speechly/react-client';

<SpeechProvider appId="YOUR-APP-ID">
  <VoiceInput label="From" changeOnEntityType="from" />
</SpeechProvider>

Styling

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

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