Skip to content

A component for handling keyboard navigation of a list of items

License

Notifications You must be signed in to change notification settings

cph/ember-list-keyboard-navigator

Repository files navigation

ember-list-keyboard-navigator

Build Status

A component for handling keyboard navigation of a list of items

Installation

ember install ember-list-keyboard-navigator

Usage

Example:
{{#list-keyboard-navigator
    itemSelector=".item"
    items=list as |highlightedItem|}}
  {{#each list as |item|}}
    <li class="item {{if (eq item.index highlightedItem.index) "highlighted"}}">
      {{item.label}}
    </li>
  {{/each}}
{{#list-keyboard-navigator}}

License

This project is licensed under the MIT License.

About

A component for handling keyboard navigation of a list of items

Resources

License

Stars

Watchers

Forks

Packages

No packages published