A voice sensor for react-beautiful-dnd, built with the Web Speech API
What are sensors?
A sensor is a React Hook (or plain ol' function) that gives you access to RBD's Programmatic API, with that you're able to programmatically control drag and drop interactions with any input type you can think of.
Why Voice?
Make drag and drop experiences beautiful for people with physical disabilities.
Installation
npm install --save rbd-voice-sensor or yarn add rbd-voice-sensor
Basic Example
import React from 'react';
import { DragDropContext } from 'react-beautiful-dnd';
import voiceSensor from 'rbd-voice-sensor';
function App() {
return <DragDropContext sensors={[voiceSensor]}>{/*...*/}</DragDropContext>;
}Try using these voice commands:
Lift Princess Bubblegum
Move up
Move down
Drop