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