Nutrient Packed Morsels

    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/.

    Install

    npm i ember-aria-switch

    DownloadsWeekly Downloads

    1

    Version

    2.1.0

    License

    MIT

    Unpacked Size

    124 kB

    Total Files

    38

    Last publish

    Collaborators

    • rajasegar