@patternfly/react-core
Version:
This library provides a set of common React components for use with the PatternFly reference implementation.
52 lines (35 loc) • 997 B
Markdown
---
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"
```