---
id: Empty state
section: components
cssPrefix: pf-c-empty-state
propComponents: ['EmptyState', 'EmptyStateBody', 'EmptyStateIcon', 'EmptyStatePrimary','EmptyStateSecondaryActions']
---
import CubesIcon from '@patternfly/react-icons/dist/esm/icons/cubes-icon';
import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon';

## 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

`EmptyStatePrimary` is a container for primary actions. It can be used in lieu of using a primary button and will insure appropriate spacing of the buttons.

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