@clayui/empty-state

ClayEmptyState component

Usage no npm install needed!

<script type="module">
  import clayuiEmptyState from 'https://cdn.skypack.dev/@clayui/empty-state';
</script>

README

title: 'Empty State' description: '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.' lexiconDefinition: 'https://liferay.design/lexicon/core-components/empty-states/' packageNpm: '@clayui/empty-state'

import { EmptyState, EmptyStateWithImage, } from '$packages/clay-empty-state/docs/index';

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.

With Animation

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