ember-aria-switch

2.1.0 • Public • Published

ember-aria-switch

Build and Deploy Coverage Status semantic-release npm version EmberObserver

ARIA Switch button in an Ember addon based on the WAI-ARIA specifications.

Demo

Demo

Installation

  • ember install ember-aria-switch

Usage

Example Markup:

<AriaSwitch @label="My Label" @checked={{true}} />

With external label

 
<p id="ex_label">
  Item 2
</p>
<AriaSwitch @ariaLabelledBy="ex_label" />

With disabled state

<AriaSwitch @label="My Label" @disabled={{true}} />
 

Without aria-label

<AriaSwitch />

With custom on/off labels

<AriaSwitch @onLabel="Yes" @offLabel="No" />

With toggle callback

<AriaSwitch @onToggle={{this.toggleCallback}} />
 

And your toggleCallback can be defined such as:

export default class IndexController extends Controller{
    @action
    toggleCallback(toggleValue) {
      let val = toggleValue ? "ON" : "OFF";
      alert(`ARIA Switch: You turned me ${val}!`);
    }
}
 

Running

Running Tests

  • npm test (Runs ember try:each to test your addon against multiple Ember versions)
  • ember test
  • ember test --server

Building

  • ember build

For more information on using ember-cli, visit https://ember-cli.com/.

Dependencies (2)

Dev Dependencies (33)

Package Sidebar

Install

npm i ember-aria-switch

Weekly Downloads

2

Version

2.1.0

License

MIT

Unpacked Size

124 kB

Total Files

38

Last publish

Collaborators

  • rajasegar