---
name: EmptyState
menu: Components
route: /components/EmptyState
---

import EmptyState from './';
import { Playground, Props } from 'docz';
import Reading from './readingside.js'

# EmptyState

This component renders an HTML `<section>` and passes along all props.

## API
<Props of={EmptyState} />

## With label

<Playground>
	 <EmptyState
			mainStyle={{ margin: '16px 0' }}
			color="#FF5C39"
			title="Write title here"
			textBody="You can write here a short, medium, or long description for your component."
			icon={Reading}
			label="Optional label"
			backgroundLabel="#FDD835"
			colorLabel="#272A2D"
			showButton={false}
  />
</Playground>

## With button

<Playground>
	 <EmptyState
			mainStyle={{ margin: '16px 0' }}
			color="#FF5C39"
			title="Write title here"
			textBody="You can write here a short, medium, or long description for your component."
			icon={Reading}
			showButton={true}
			buttonText="Optional button"
  />
</Playground>