README.md

June 27, 2019 ยท View on GitHub

react beautiful dnd logo

rbd-voice-sensor

A voice sensor for react-beautiful-dnd, built with the Web Speech API

๐ŸŽฎ Play with it here ๐ŸŽฎ

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.

Get started ๐Ÿ—

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>;
}

Voice Commands ๐Ÿ—ฃ

Try using these voice commands:

Lift Princess Bubblegum

Move up

Move down

Drop

Resources ๐Ÿ“–