A versatile expanding `Tree` component, with full keyboard navigation following the [Tree View Design Pattern](https://www.w3.org/TR/wai-aria-practices/examples/treeview/treeview-2/treeview-2a.html).
npm install @devtools-ds/treeA versatile expanding Tree component, with full keyboard navigation following the Tree View Design Pattern.
``sh`
npm i @devtools-ds/treeor with yarn
yarn add @devtools-ds/tree
Then to use the component in your code just import it!
`js`
import { Tree } from "@devtools-ds/tree";
This component follows the DOM structure and interaction guidelines outlined in the Tree View Design Pattern.
Some of these resources were helpful for following the tree view interaction best practices.
- W3 Tree View
- Deque Tree View Reference
- MDN Keyboard Widgets
- MDN TabIndex Usage
The label can be a string or a React component.
`jsx``
Thanks goes to these wonderful people (emoji key):
Tyler Krupicka 💻 📖 🎨 🚇 💡 ⚠️ | Adam Dierkens 📖 💡 ⚠️ 💻 | Andrew Lisowski 📖 💡 💻 |
This project follows the all-contributors specification. Contributions of any kind welcome!