GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → salesforce-ux → dnd-a11y-patterns

salesforce-ux / dnd-a11y-patterns

Licence: BSD-3-Clause license
Examples of accessible drag-and-drop patterns

Programming Languages

javascript
184084 projects - #8 most used programming language
CSS
56736 projects
HTML
75241 projects

Accessible Drag-and-Drop

Examples of drag-and-drop patterns that are accessible via mouse, keyboard, and screen reader. The examples use React.

Read more about these interaction patterns in Jesse Hausler's "4 Major Patterns for Accessible Drag and Drop" post on the Salesforce UX blog. Try them out yourself at https://salesforce-ux.github.io/dnd-a11y-patterns/ (docs + demos) or https://salesforce-ux.github.io/dnd-a11y-patterns/#/demo (standalone demos).

Installing

npm install

Running

Launch the examples locally:

npm start

This starts a local server at http://localhost:3000/.

Resources

This project was cloned from universal-drag-and-drop-examples and bootstrapped with Create React App. It uses recommended styles, markup, and interaction patterns from Salesforce's Lightning Design System.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].