shoelace/docs/components/tab.md

# 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 closable>Closable</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]
2.0 cleanup 2020-07-15 21:30:37 +00:00			`# 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>`
Add closable prop to tab 2020-11-02 13:32:54 +00:00			`<sl-tab closable>Closable</sl-tab>`
2.0 cleanup 2020-07-15 21:30:37 +00:00			`<sl-tab disabled>Disabled</sl-tab>`
			```

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

			`[component-metadata:sl-tab]`