The library is still in early development. Breaking changes and bugs may occur without prior notice. Thanks for your interest in using the library!
A placeholder component used to indicate loading content.
Import the Skeleton
component from @bun-ui/react
and use it in your project:
import { Skeleton } from "@bun-ui/react"
<Skeleton width={100} height={100} />
The Skeleton
component supports different variants such as circle
and rectangle
. Use the variant
prop to specify the shape.
Prop | Type | Default | Description |
---|---|---|---|
className | string | - | Additional CSS classes to apply to the skeleton element. Use this to customize the styling beyond the built-in variants. |
height | string | number | - | The height of the skeleton element. Can be a CSS value (string) or number (interpreted as pixels). |
variant | "circular" | "rectangular" | "rectangular" | The visual variant of the skeleton. Controls the shape and border radius of the skeleton element. |
width | string | number | - | The width of the skeleton element. Can be a CSS value (string) or number (interpreted as pixels). |