dc-tabs v0.1.0

dc-tabs

NOTE: This addon is a port from http://instructure.github.io/ic-tabs into an ember-cli addon. The port was made out of samheucks fork on the master branch @ad25734fdb and then changed to lazy render tabs. This fork was made as ic-tabs seemed to have stopped being maintained and it needed updating to the latest ember version and tools.

Todos:

• Port tests to ember-cli
• Tie together examples page
• Travis CI
• Demo page

WAI-ARIA accessible tab component for Ember.js.

Installation

$ ember install:addon dc-tabs

Usage

{{#dc-tabs}}
  {{#dc-tab-list}}
    {{#dc-tab}}Foo{{/dc-tab}}
    {{#dc-tab}}Bar{{/dc-tab}}
    {{#dc-tab}}Baz{{/dc-tab}}
  {{/dc-tab-list}}

  {{#dc-tab-panel}}
    <h2>Foo</h2>
  {{/dc-tab-panel}}

  {{#dc-tab-panel}}
    <h2>Bar</h2>
  {{/dc-tab-panel}}

  {{#dc-tab-panel}}
    <h2>Baz</h2>
  {{/dc-tab-panel}}
{{/dc-tabs}}

• associations between tabs and tab-panes are inferred by order.
• dc-tab-list must be an immediate child of dc-tabs
• dc-tab must be an immediate child of dc-tab-list
• dc-tab-panel must be an immediate child of dc-tabs

Options

• {{dc-tabs selected-index=prop}} - binds the active-index to prop, mostly useful for queryParams.

Contributing

$ git clone <this repo>
$ ember install
$ ember server / ember test