ember-aria-tabs

An accessible and easy tab component for Ember.js


Keywords
tabs, a11y, aria, ember-addon, ember, hacktoberfest
License
MIT
Install
npm install ember-aria-tabs@7.0.0

Documentation

ember-aria-tabs

Build Status Ember Observer Score This project is using Percy.io for visual regression testing.

An accessible and easy tab component for EmberJS. Documentation can be found here

Compatibility

  • Ember.js v3.20 or above
  • Ember CLI v3.20 or above
  • Node.js v12 or above
  • ember-auto-import >= 2

Installation

ember install ember-aria-tabs

Usage

Here is a basic example:

<AriaTabs as |at|>
  <at.tabList as |tl|>
    <tl.tab>Title 1</tl.tab>
    <tl.tab>Title 2</tl.tab>
  </at.tabList>
  <at.tabPanel>
    <h2>Any content 1</h2>
  </at.tabPanel>
  <at.tabPanel>
    <h2>Any content 2</h2>
  </at.tabPanel>
</AriaTabs>

You can find more examples here.

Thanks

Contributing

See the Contributing guide for details.

License

This project is licensed under the MIT License.