Skip to content

Latest commit

 

History

History
18 lines (13 loc) · 802 Bytes

README.md

File metadata and controls

18 lines (13 loc) · 802 Bytes

Ui-tabs

Basic tabbed interface.

How to use

  • Include the latest version in your package.json.
  • Components render buttons that will control their associated content.
  • Pass in a target, which is the id of the associated content element.
  • on-click="setCurrentTab" is required as the action will bubble up in your application.
  • currentTab=currentTab is required as your app will pass in the current tab information back to the component.
  • Include the action, setCurrentTab, in your actions hash (controller) to set the current tab.
    • setCurrentTab(tab) { this.set('currentTab', tab); }

Options

  • You can specify the default content by passing in default=true.
  • i.e. {{#ui-tab on-click="setCurrentTab" currentTab=currentTab target="#id" default=true}}Button1{{/ui-tab}}