# ez-tabselector



<!-- Auto Generated Below -->


## Properties

| Property        | Attribute        | Description                                                                                                   | Type              | Default     |
| --------------- | ---------------- | ------------------------------------------------------------------------------------------------------------- | ----------------- | ----------- |
| `selectedIndex` | `selected-index` | Define o index da aba selecionada.                                                                            | `number`          | `undefined` |
| `selectedTab`   | `selected-tab`   | Define a aba selecionada.                                                                                     | `string`          | `undefined` |
| `tabs`          | `tabs`           | Define o nome das abas do componente. Podendo serem separadas por vírgula "," ou em um Array de configuração. | `Tab[] \| string` | `undefined` |


## Events

| Event      | Description                                                 | Type               |
| ---------- | ----------------------------------------------------------- | ------------------ |
| `ezChange` | Emitido quando acontece a alteração de valor do componente. | `CustomEvent<Tab>` |


## Methods

### `goToTab(tabIndex: number, silent?: boolean) => Promise<void>`



#### Returns

Type: `Promise<void>`




## Dependencies

### Used by

 - [ez-form](../ez-form)

### Depends on

- [ez-icon](../ez-icon)

### Graph
```mermaid
graph TD;
  ez-tabselector --> ez-icon
  ez-form --> ez-tabselector
  style ez-tabselector fill:#f9f,stroke:#333,stroke-width:4px
```

----------------------------------------------




## CSS Variables
| Variable  | Description | 
 |-|-|
| --tabselector--backward-icon | Contém o ícone de voltar para a aba anterior. | 
| --tabselector--forward-icon | Contém o ícone de avançar para a aba posterior. |