@stratio/egeo
Version:
36 lines (22 loc) • 1.63 kB
Markdown
# Horizontal tabs (Component)
The tabs are a navigation component that divides content into separate views hiding the ones that the user is not focused in.
## Inputs
| 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 | '' |
## Outputs
| Property | Type | Description |
| ------------- | --------------- | ------------------------------------------------------------------------------------------- |
| changedOption | StHorizontalTab | This event is emitted when active option has changed. It has the active option name as param |
## Example
```html
<st-horizontal-tabs [options]="options"
[qaTag]="qaTag">
</st-horizontal-tabs>
```
## Models
*Id, text and optional status of a tab* (StStHorizontalTab)
```typescript
```