# Tab

[component-header:sl-tab]

Tabs are used inside tab groups to represent tab panels.

```html preview
<sl-tab>Tab</sl-tab>
<sl-tab active>Active</sl-tab>
<sl-tab disabled>Disabled</sl-tab>
```

?> Additional demonstrations can be found in the [tab group examples](/components/tab-group.md).

[component-metadata:sl-tab]