Skeleton

A loading placeholder, aria-hidden="true" by default: there's no content here yet, so assistive tech should skip it entirely rather than announce an empty, decorative box. Size it to match the real content it stands in for.

Playground

Toggle every adjustable prop and watch the component — and the code — update live.

<Skeleton style={{ width: 240, height: 16, borderRadius: 6 }} />

<kernel-skeleton style="width: 240px; height: 16px; border-radius: 6px;"></kernel-skeleton>