2020-07-15 17:30:37 -04:00
|
|
|
# Tab
|
|
|
|
|
|
|
|
|
|
[component-header:sl-tab]
|
|
|
|
|
|
2021-09-11 09:44:47 -04:00
|
|
|
Tabs are used inside [tab groups](/components/tab-group) to represent and activate [tab panels](/components/tab-panel).
|
2020-07-15 17:30:37 -04:00
|
|
|
|
|
|
|
|
```html preview
|
|
|
|
|
<sl-tab>Tab</sl-tab>
|
|
|
|
|
<sl-tab active>Active</sl-tab>
|
2020-11-02 08:32:54 -05:00
|
|
|
<sl-tab closable>Closable</sl-tab>
|
2020-07-15 17:30:37 -04:00
|
|
|
<sl-tab disabled>Disabled</sl-tab>
|
|
|
|
|
```
|
|
|
|
|
|
2021-05-13 09:11:24 -04:00
|
|
|
?> Additional demonstrations can be found in the [tab group examples](/components/tab-group).
|
2020-07-15 17:30:37 -04:00
|
|
|
|
|
|
|
|
[component-metadata:sl-tab]
|
