https://github.com/minutebase/mb-tabs
Tab component for Ember
https://github.com/minutebase/mb-tabs
Last synced: about 2 months ago
JSON representation
Tab component for Ember
- Host: GitHub
- URL: https://github.com/minutebase/mb-tabs
- Owner: minutebase
- License: mit
- Created: 2014-11-25T11:55:40.000Z (over 11 years ago)
- Default Branch: master
- Last Pushed: 2015-09-09T15:36:10.000Z (almost 11 years ago)
- Last Synced: 2025-02-26T21:36:52.769Z (over 1 year ago)
- Language: JavaScript
- Size: 184 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# MB-Tabs
```handlebars
{{#tabbed-content active=active on-change="changeTab" as |manager|}}
{{#tab-button manager=manager name="one"}}One{{/tab-button}}
{{#tab-button manager=manager name="two"}}Two{{/tab-button}}
{{#tab-button manager=manager name="three"}}Three{{/tab-button}}
{{#tab-panel manager=manager name="one"}}
Tab One
{{/tab-panel}}
{{#tab-panel manager=manager name="two"}}
Tab Two
{{/tab-panel}}
{{#tab-panel manager=manager name="three"}}
Tab Three
{{/tab-panel}}
{{/tabbed-content}}
```
## Override Active class
The tab button gets a class (default `active`) when active.
To change this class, either set `active-class` on the content or button:
```handlebars
{{#tabbed-content active-class="active-button"}}
```
```handlebars
{{#tab-button active-class="active-button"}}
```
## Actions
The `tabbed-content` component sends `on-change` when a button is clicked.
Respond to this and update `active` for the tab to change
## Installation
* `git clone` this repository
* `npm install`
* `bower install`
## Running
* `ember server`
* Visit your app at http://localhost:4200.
## Running Tests
* `ember test`
* `ember test --server`
## Building
* `ember build`
For more information on using ember-cli, visit [http://www.ember-cli.com/](http://www.ember-cli.com/).