A group of Ember Components that interact to create a WAI-ARIA tree interface.
$ ember install ivy-tree
The following example is adapted from the OpenAjax Alliance Accessibility Treeview Example:
The following keyboard shortcuts are supported:
-
Up
: Select the previous visible tree item. -
Down
: Select the next visible tree item. -
Left
: Collapse the selected node, if it has children and is expanded. Otherwise, select its parent node. -
Right
: Expand the selected node, if it has children and is collapsed. Select its first child node. -
Home
: Select the first visible tree item. -
End
: Select the last visible tree item. -
Enter
: Toggle the expanded or collapsed state of the selected node. -
*
: Expand all parent nodes in the tree.
In addition, clicking a node will select it, and double-clicking a parent node will toggle its expanded or collapsed state.
Fork this repo, make a new branch, and send a pull request. Make sure your change is tested or it won't be merged.
git clone git@github.com:IvyApp/ivy-tree.git
cd ivy-tree
npm install
bower install
ember server
Then visit your app at http://localhost:4200.
ember test # or
npm test # (Runs `ember try:testall` to test your addon against multiple Ember versions)
Or, to start a test server:
ember test --server
ember build
For more information on using ember-cli, visit http://ember-cli.com/.