Skeleton

Loading skeleton placeholder component with text, circular, and rectangular variants.

Variants

import { Skeleton } from 'uiplex';

<Skeleton variant="text" width={200} />
<Skeleton variant="circular" width={40} height={40} />
<Skeleton variant="rectangular" width={200} height={100} />

Content Placeholder

<div className="card">
  <Skeleton variant="rectangular" height={120} />
  <Skeleton variant="text" width="80%" />
  <Skeleton variant="text" width="60%" />
</div>

API Reference

Prop	Type	Default	Description
variant	"text" \| "circular" \| "rectangular"	"text"	Shape variant
width	number \| string	-	Width (px or CSS value)
height	number \| string	-	Height (px or CSS value)
className	string	-	Additional CSS classes