---
id: Empty state
section: components
cssPrefix: pf-v5-c-empty-state
propComponents: ['EmptyState', 'EmptyStateHeader', 'EmptyStateIcon', 'EmptyStateBody', 'EmptyStateFooter', 'EmptyStateActions']
---
import CubesIcon from '@patternfly/react-icons/dist/esm/icons/cubes-icon';
import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon';
import CheckIcon from '@patternfly/react-icons/dist/esm/icons/check-icon';
import global_success_color_100 from '@patternfly/react-tokens/dist/esm/global_success_color_100';

## Examples
### Basic

```ts file="EmptyStateBasic.tsx"
```

### Extra small

```ts file="EmptyStateExtraSmall.tsx"
```

### Small

```ts file="EmptyStateSmall.tsx"
```

### Large

```ts file="EmptyStateLarge.tsx"
```

### Extra large

```ts file="EmptyStateExtraLarge.tsx"
```

### Spinner

```ts file="EmptyStateSpinner.tsx"
```

### No match found

```ts file="EmptyStateNoMatchFound.tsx"
```

### Custom icon color

```ts file="EmptyStateCustomIconColor.tsx"
```
