# Tab

Documentazione dettagliata dell' oggetto custom  **Tab**, usato nei componenti di Internet Webkit v17. 
**Tab** si usa per creare tab nei componenti <a href="?path=/story/components-tabs-tabs--tabs">Tabs</a>.

## Implementazione
<div class="table-responsive">`import { Tab, WebkitModule } from '@inail/internet-webkit'`</div>
<br />

***Struttura:***
`class Tab extends BaseModel {
	private _id: number;
	private _title: string;
	private _hasError: boolean | undefined;
	private _disable: boolean | undefined;
	private _templateNo: any;
}`

***Esempio d'uso:***
<div class="table-responsive">`new Tab(2, 'TITLE.TAB_2', false, false, 2)`</div>

## API
<div class="table-responsive">
  <table class="table">
  <thead>
    <tr>
      <th><strong>Campo</strong></th>
      <th><strong>Descrizione</strong></th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td><code>id</code></td>
      <td>
        Campo numerico che imposta un ID al tab.
      </td>
    </tr>
    <tr>
      <td><code>title</code></td>
      <td>
        Campo `string` che imposta il titolo del tab creato.
      </td>
    </tr>
    <tr>
      <td><code>hasError</code></td>
      <td>
        Booleano che, se impostato a `true`, mostra un'icona di errore nel tab.
      </td>
    </tr>
    <tr>
      <td><code>disable</code></td>
      <td>
        Booleano che, se impostato a `true`, disabilita il tab.
      </td>
    </tr>
    <tr>
      <td><code>templateNo</code></td>
      <td>
        Campo che imposta l'index (partendo da 1) del template che viene visualizzato nel tab corrente. I template sono in un array di `TemplateRef` che contiene riferimenti a degli `<ng-template #id>`, dove `#id` serve come riferimento per l'input `[templates]="[id]"`.
      </td>
    </tr>
  </tbody>
</table>
</div>

## Casi d'utilizzo
<br />
<a href="?path=/story/components-tabs-tabs--tabs">Tabs</a>
