kapable

Skeleton

Data display · 1 export · v0.1.0 · showcase

Decorative loading placeholder intended for an aria-busy container.

Browse 72 component families

Preview

Usage

<div aria-busy="true"><span class="kp-sr-only">Loading</span><Skeleton /></div>

Skeleton props
prop	type	notes
shape?	'line' \| 'block' \| 'circle'	'line' (text-height bar, default) · 'block' · 'circle'.
width?	string	CSS width (default: line 100%, block 100%, circle 32px).
height?	string	CSS height (default: line 12px, block 64px, circle = width).
mix?	MixInput