# r-tab A single tab control within `r-tabs-list`, linking to a corresponding `r-tab-panel` via `panelId`. Example ``` Overview Details Archived Overview content Details content Archived content ``` ## class: `RTab`, `r-tab` ### Fields | Name | Privacy | Type | Default | Description | Inherited From | | ---------- | ------- | --------- | ------- | --------------------------------------- | -------------- | | `active` | | `boolean` | `false` | Indicates if `` is active | | | `disabled` | | `boolean` | `false` | Indicates if `` is disabled | | | `panelId` | | `string` | | Id of the panel that `` controls | | ### Events | Name | Type | Description | Inherited From | | -------------- | ------------------------------------------------------------- | ----------------------------------------------------------------------------- | -------------- | | `moveTabFocus` | `CustomEvent<{ element: HTMLRTabElement; keycode: string; }>` | Emits `keydown` event on the `` to notify tabs component to move focus | | | `tabChange` | `CustomEvent<{ element: HTMLRTabElement; }>` | Emits `click` event on the `` | | ### Attributes | Name | Field | Inherited From | | ---------- | -------- | -------------- | | `active` | active | | | `disabled` | disabled | | | `panel-id` | panelId | | ### Slots | Name | Description | | ------ | -------------------------------- | | | Tab label text | | `icon` | Icon placed before the tab label |

---

## Exports | Kind | Name | Declaration | Module | Package | | --------------------------- | ------- | ----------- | ------ | ------- | | `js` | `RTab` | RTab | | | | `custom-element-definition` | `r-tab` | RTab | | |