---
id: Gallery
cssPrefix: pf-v6-l-gallery
section: foundations-and-styles
subsection: layouts
propComponents: ['Gallery', 'GalleryItem']
---

import './gallery.css';

## Examples

### Basic

```ts file="GalleryBasic.tsx"

```

### With gutters

```ts file="GalleryWithGutters.tsx"
```

### Adjusting min widths

```ts file="GalleryAdjustingMinWidths.tsx"

```

### Adjusting max widths

```ts file="GalleryAdjustingMaxWidths.tsx"
```

### Adjusting min and max widths

```ts file="GalleryAdjustingMinMaxWidths.tsx"
```

### Alternative components

```ts file="GalleryAlternativeComponents.tsx"
```
