Data with loader
#
LoadingWhen loading is "true" it shows spinner or loading content, and when it's "false" it shows data.
Loading...
This is data
#
CountWhen count is "0" it shows empty content or empty state.
#
Empty contentThis is empty content
#
Empty state#
IconYou can costumize the empty state by giving text (with emptyText
), icon (with emptyIcon
). And also change the icon size with size
prop.
Empty state
#
ImageYou can costumize the empty state by giving text (with emptyText
), image (with emptyImage
).
#
APIName | Type | Default | Description |
---|---|---|---|
data | any | Define data | |
count | any | Define count | |
loading | boolean | Loading state | |
emptyText | string | There is no data | Define text of emptyState |
emptyIcon | string | Define icon of emptyState | |
emptyImage | string | Define image of emptyState | |
size | string | full | Define size of icon in emptyState |
objective | boolean | false | Make the spinner objective |
emptyContent | React.ReactNode | Define content when count is "0" | |
loadingContent | React.ReactNode | Define content when loading is "true" |