[Website](https://www.speechly.com/)
·
[Docs](https://docs.speechly.com/)
·
[Support](https://github.com/speechly/speechly/discussions)
·
[Blog](https://www.speechly.com/blog/)
·
[Login](https://api.speechly.com/dashboard/)
# Speechly voice form components for React
[](https://www.npmjs.com/package/@speechly/react-voice-forms)
[](/LICENSE)
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](https://docs.speechly.com/basics/getting-started)
- [Voice form components](https://dreamy-cori-a02de1.netlify.app/ui-components/voice-forms/)
- [Speechly UI components](https://dreamy-cori-a02de1.netlify.app/ui-components/)
- [API reference](./docs/README.md)
## Usage
Install Speechly React Client and Speechly React voice form components:
```bash
npm install @speechly/react-client
npm install @speechly/react-voice-forms
```
Include the components:
```jsx
import {
VoiceDatePicker,
VoiceCheckbox,
VoiceInput,
VoiceSelect,
VoiceToggle,
} from '@speechly/react-voice-forms';
```
Place the form components inside your `SpeechProvider` block:
```jsx
import { SpeechProvider } from '@speechly/react-client';
```
## Styling
Add a `voice-form-theme-mui.css` to your `src` folder, then include it in `index.tsx`:
```
import "voice-form-theme-mui.css";
```