components
Empty State
v.1.0.0 | SaturnImport
import { EmptyState } from '@kubit-ui-web/react-components'
1
<EmptyState variant="DEFAULT" subtitle={{ content: 'Subtitle' }} state="DEFAULT"/>
Props
Let's delve into the versatility of the emptyState component by examining all its avalaible props.
| Property | Type | Default | Description |
|---|---|---|---|
variant Required | String | - | Variant of EmptyState |
state Required | String | - | State of the variant |
subtitle Required | EmptyStateSubtitleType | - | Subtitle content |
| title | EmptyStateTitleType | - | Title content |
| actionUrl | String | - | Url where the link navigates |
| button | EmptyStateButtonType | - | Button of empty state |
| icon | IElementOrIcon | - | Add icon |
| illustration | IElementOrillustration | - | Add illustration |
| link | EmptyStateLinkType | - | Add link |
| dataTestId | String | - | Testing id |
| ctv | EmptyStateVariantStylesType | - | Modify styles for the default version of the component |