# swc-tab-panel

A panel that displays content associated with a tab. The panel's visibility is managed by the parent `swc-tabs` container based on which tab is selected.

```js
import '@adobe/spectrum-wc/components/tabs/index.js';
// <swc-tab-panel></swc-tab-panel>
```

## Attributes

| Name       | Type      | Default | Description                                                                                                                                          |
| ---------- | --------- | ------- | ---------------------------------------------------------------------------------------------------------------------------------------------------- |
| `selected` | `boolean` | `false` | Whether this panel is currently visible (its associated tab is selected). Managed by the parent `swc-tabs` — consumers should not set this directly. |
| `tab-id`   | `string`  | `''`    | Unique identifier linking this panel to its corresponding tab. Must match the `tab-id` attribute on the associated `swc-tab`.                        |

## Slots

| Name        | Description                                           |
| ----------- | ----------------------------------------------------- |
| `(default)` | Content displayed when the associated tab is selected |