Empty State

yarn add @clayui/empty-state

Empty states provide users with feedback on the reasons behind the empty state and what they can do to move out of the empty state.

Stable 3.90.0 View in Lexicon CHANGELOG

Without Animation
With Animation

Without Animation

By ommiting the imgSrc prop you will render a default Empty State component. Even without an animation you can still pass in children to the component as seen with the ClayButton component in this example.

Code Sample (expand to see it)

With Animation

Adding an image to the component is easy, just point the imgSrc to the image you want to use

Code Sample (expand to see it)