---
id: Panel
section: components
cssPrefix: pf-v6-c-panel
propComponents: [Panel, PanelMain, PanelMainBody, PanelHeader, PanelFooter]
---

## Examples

### Basic

```ts file="PanelBasic.tsx"
```

### Header

```ts file="PanelHeaderExample.tsx"
```

### Footer

```ts file="PanelFooterExample.tsx"
```

### Header and footer

```ts file="PanelHeaderFooter.tsx"
```

### No body

```ts file="PanelNoBody.tsx"
```

### Raised

```ts file="PanelRaised.tsx"
```

### Bordered

```ts file="PanelBordered.tsx"
```

### Secondary variant

```ts file="PanelSecondaryVariant.tsx"
```
### Scrollable

```ts file="PanelScrollable.tsx"
```

### Scrollable with auto height

```ts file="PanelScrollableWithAutoHeight.tsx"
```

### Scrollable with header and footer

```ts file="PanelScrollableHeaderFooter.tsx"
```

### Pill

```ts file="PanelPill.tsx"
```