The tabs are a navigation component that divides content into separate views hiding the ones that the user is not focused in.
| Property | Type | Req | Description | Default |
|---|---|---|---|---|
| activeOption | StHorizontalTab | False | Current active option | '' |
| options | StHorizontalTab[] | True | An array of StHorizontalTab objects (see below) that defines the links that will appear and that will be disabled | '' |
| qaTag | String | False | Prefix used to generate the id values for qa tests | '' |
| Property | Type | Description |
|---|---|---|
| changedOption | StHorizontalTab | This event is emitted when active option has changed. It has the active option name as param |
<st-horizontal-tabs [options]="options"
[qaTag]="qaTag">
</st-horizontal-tabs>
Id, text and optional status of a tab (StStHorizontalTab)