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.
install | yarn add @clayui/empty-state |
---|---|
version | 3.116.0 |
Stable3.116.0View in LexiconCHANGELOG
Property | Description |
---|---|
description string | Message the user will see describing what they can do when on this screen The default value is 'Sorry, there are no results found' |
imgProps React.ImgHTMLAttributes<HTMLImageElement> | HTMLImage element attributes to add to the image within the component |
imgPropsReducedMotion React.ImgHTMLAttributes<HTMLImageElement> | HTMLImage element attributes to add to the reduced motion image within the component |
imgSrc string | Source of the image to signify the state |
imgSrcReducedMotion string | null | Source of the image to show when .c-prefers-reduced-motion is active |
small boolean | Indicates empty state should be a small variant. |
title string | null | Title of the message highlighting the description The default value is 'No results found' |