---
meta:
title: Tab
description: Tabs are used inside tab groups to represent and activate tab panels.
layout: component
---
```html:preview
Tab
Active
Closable
Disabled
```
```jsx:react
import SlTab from '@shoelace-style/shoelace/dist/react/tab';
const App = () => (
<>
Tab
Active
Closable
Disabled
>
);
```
:::tip
Additional demonstrations can be found in the [tab group examples](/components/tab-group).
:::