https://github.com/pfelements/nebula-toolbar

A toolbar control.
https://github.com/pfelements/nebula-toolbar

Last synced: 13 days ago
JSON representation

A toolbar control.

• Host: GitHub
• URL: https://github.com/pfelements/nebula-toolbar
• Owner: PFElements
• License: isc
• Created: 2017-05-02T22:46:28.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2017-04-20T03:09:37.000Z (over 7 years ago)
• Last Synced: 2024-11-06T01:12:31.745Z (2 months ago)
• Language: HTML
• Homepage:
• Size: 14.6 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
[![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-green.svg)](https://www.webcomponents.org/element/arsnebula/nebula-icon-button)

[![Polymer Version](https://img.shields.io/badge/polymer-v2-blue.svg)](https://www.polymer-project.org)

[![Sauce Labs Build Status](https://img.shields.io/badge/saucelabs-passing-red.svg)](https://saucelabs.com/beta/builds/897ce1297bb44e36a70030769f0d9bfc)

[![Gitter Chat](https://badges.gitter.im/org.png)](https://gitter.im/arsnebula/webcomponents)

[![Become a Patreon](https://img.shields.io/badge/patreon-support_us-orange.svg)](https://www.patreon.com/arsnebula)

# \

A toolbar control with support for accessibility.

* Simple toolbar or menu container element

* Flexbox layout automatically centers and spaces toolbar children

* 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-toolbar

```

## Getting Started

Import the element.

```html

 

```

Add and configure the element.

```html

  

  

  

  

  

  

  

```

Style the element.

```css

nebula-toolbar {

  background-color: black;

  color: white;

  height: 48px;

}

nebula-toolbar *[selected] {

  background-color: dimgrey;

}

```

*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)