Files
stf-DeviceFarmer/res/app/components/stf/common-ui/nice-tabs/README.md
2014-03-27 20:03:22 +09:00

35 lines
883 B
Markdown

# nice-tabs
This are nice tabs. They wrap:
- Angular Bootstrap tabs
- Feature Font Awesome icon support
- Load and preload templates for each tab
- Save last selected tab to localForage
- Support tab show/hide (?)
### Current syntax
```html
<nice-tabs key='ControlBottomTabs' direction='below' tabs='tabs'></nice-tabs>
```
```javascript
function Ctrl($scope) {
$scope.tabs = [
{title: 'Tab One', icon: 'fa-bolt', templateUrl='terminal/tab-one.jade'},
{title: 'Tab One', icon: 'fa-bolt', templateUrl='terminal/tab-one.jade'},
]
}
```
### Declarative syntax (future):
```html
<nice-tabs key='ControlBottomTabs' direction='below'>
<nice-tab title='Tab One' icon='fa-bolt' templateUrl='"terminal/tab-one.jade"'></nice-tab>
<nice-tab title='Tab Two' icon='fa-bolt' templateUrl='"terminal/tab-two.jade"' ng-show='showOtherTabs'></nice-tab>
</nice-tabs>
```