Components / Skeleton
Skeleton
A flexible decorative placeholder that becomes static under reduced motion.
html
<aevko-skeleton class="block h-20 w-full" />Installation
npx aevko-ui@latest add skeleton --yesSource ownership
Customization
Control every placeholder dimension through consumer classes and combine several shapes into the final loading composition.
Edit locallyThe installed template and stylesheet are application code, not a black box.
Theme semanticallyOverride
--aevko-* tokens or ordinary classes without !important.API reference
| Property or slot | Type | Default | Description |
|---|---|---|---|
dimensions | consumer CSS | min-height: 1rem | Width, height and shape are controlled by host classes or styles. |
semantics | aria-hidden | true | The placeholder is decorative and excluded from the accessibility tree. |
Accessibility contract
Accessibility
Included behavior
- The placeholder is hidden from assistive technology; announce loading on the containing region.
Your responsibility
Apply busy state and a loading label to the containing region because the skeleton itself is intentionally decorative.