Create & Control Semantic UI Tab with Angular Directives
optional
required
Tab Directives
sm-tab-menu
Creates a menu of tab links.
Attributes
tabs=an object where the keys are the names of the tabs and the values are the title on the tab.active=a reference to the name of the active tab.settings=a reference to a settings object to pass to the initialization function.
Example
sm-tab-bind
A lightweight attribute directive which calls tab() on the element with the settings object passed to the attribute. Using this directive means you need to manage the communication between Angular and Semantic UI yourself.
First Tab Content
Second Tab Content
sm-tab
Creates a named tab.
Behavior Directives
These attribute directives invoke a behavior on the component where the attribute value can be one of the following formats:
String
- Selector to the dropdown(s) to invoke the behavior when the element with the directive is clicked.
Object
$@A selector string.evt@The event string which triggers the behavior ('click' by default).enabled=A boolean value which determines whether or not the behavior should be called when the event occurs.value=The first argument to pass to the behavior if it requires one.