nebula-select - Vaadin Add-on Directory
Manage keyboard accessibility for a selection of controls.
**[ This description is mirrored from README.md at [github.com/arsnebula/nebula-select](https://github.com//arsnebula/nebula-select/blob/v2.0.0/README.md) on 2019-05-22 ]**
[](https://www.webcomponents.org/element/arsnebula/nebula-select)
[](https://www.polymer-project.org)
[](https://saucelabs.com/beta/builds/a28aae9adc764198911ca1c6c8e071ee)
[](https://gitter.im/arsnebula/webcomponents)
[](https://www.patreon.com/arsnebula)
# \
Manage keyboard accessibility for a group of controls.
* Supports selecting controls from a nested hierarchy of elements
* Enables using HOME, END, and the ARROW keys to navigate between controls in the group
* Automatically ignores disabled and hidden elements
* Provides easy access to the current selected element
* Supports [WAI-ARIA](https://www.w3.org/TR/wai-aria-practices-1.1/#toolbar) authoring practices for **a11y**
## Installation
```sh
$ bower install -S arsnebula/nebula-select
```
## Getting Started
Import the element.
```html
```
Add the element.
```html
Link 1
Link 2
Link 3
```
Style the selected element using the selected attribute. The default attribute is `selected`, but you can customize the attribute name used by setting the `selectedAttribute` property.
```css
nebula-select a[selected] {
background-color: dimgrey;
color: white;
}
```
*For more information, see the API documentation.*
## Contributing
We welcome and appreciate feedback from the community. Here are a few ways that you can show your appreciation for this package:
* Give us a **Star on GitHub** from either [webcomponents.org](https://www.webcomponents.org/element/arsnebula/nebula-element-mixin) or directly on [GitHub](https://github.com/arsnebula/nebula-element-mixin).
* Submit a feature request, or a defect report on the [Issues List](https://www.webcomponents.org/element/arsnebula/nebula-element-mixin/issues).
* Become a [Patreon](https://www.patreon.com/arsnebula). It takes a lot of time and effort to develop, document, test and support the elements in our [Nebula Essentials](https://www.webcomponents.org/collection/arsnebula/nebula-essentials) collection. Your financial contribution will help ensure that our entire collection continues to grow and improve.
If you are a developer, and are interested in making a code contribution, consider opening an issue first to describe the change, and discuss with the core repository maintainers. Once you are ready, prepare a pull request:
1. Fork it!
2. Create your feature branch: `git checkout -b my-new-feature`
3. Commit your changes: `git commit -am 'Add some feature'`
4. Push to the branch: `git push origin my-new-feature`
5. Submit a pull request :D
## Change Log
See [CHANGELOG](/CHANGELOG.md)
## License
See [LICENSE](/LICENSE.md)
GitHub HomepageIssue tracker
License
Online Demo
Documentation
View on GitHub
nebula-select version 1.0.0
### Dependencies
* polymer#Polymer/polymer#^1.7.1
nebula-select version 1.0.1
### Dependencies
* polymer#Polymer/polymer#^1.7.1
nebula-select version 1.0.2
### Dependencies
* polymer#Polymer/polymer#^1.7.1
nebula-select version 1.0.3
### Dependencies
* polymer#Polymer/polymer#^1.7.1
nebula-select version 2.0.0
### Dependencies
* polymer#Polymer/polymer#>=2.0.0-rc.1 <3.0
* nebula-element-mixin#arsnebula/nebula-element-mixin#^2.0.0