Skeleton
Display a skeleton whilst another component is loading.
Usage
First of all, you need to import the Skeleton component from the kitchn package.
import { Skeleton } from "kitchn"Default with Set Width
Default with Box Height
Wrapping children
Wrapping children with fixed size
Normal
Round
Square
No animation
Props
| Name | Type | Default | Required | Description | Accepted values |
|---|---|---|---|---|---|
show | boolean | true | - | The skeleton's appearance (if it's shown or not). | - |
width | number | string | - | - | The skeleton's width. | - |
height | number | string | - | - | The skeleton's height. | - |
boxHeight | number | - | - | The skeleton's box height. | - |
animated | boolean | true | - | The skeleton's mode (animated or not). | - |
shape | string | normal | - | The skeleton's shape. | normal | square | round |