components
Skeleton
v.1.0.0 | SaturnUsage
import { Skeleton } from '@kubit-ui-web/react-components'
1
<Skeleton variant="DEFAULT" shapeVariant="SQUARE" width="100px" height="25px" />Props
Let's delve into the versatility of the skeleton component by examining all its avalaible props.
| Property | Variant | Default | Description |
|---|---|---|---|
variant Required | string | - | Set the component variant theme |
shapeVariant Required | string | - | Set the shape type |
width Required | string | - | Set the shape width |
height Required | string | - | Set the shape height |
| duration | string | 1.2s | Set the shape animation duration |
| aria-label | String | - | Skeleton aria label |
| aria-labelledby | String | - | Skeleton aria labelledby |
| aria-describedby | String | - | Skeleton aria describedby |
| dataTestId | string | - | String for testing purposes |
| ctv | SkeletonShapeStylesType | - | Modify styles for the default version of the component |