Components

Skeleton

Loading placeholders with an iridescent sheen sweeping across.

Paste it into ChatGPT, Claude, Cursor or v0.

Usage

import { Skeleton } from '@vizzele/react';

<Skeleton circle height={48} />
<Skeleton lines={3} />
<Skeleton width="100%" height={180} radius={20} />

Props

PropTypeDefaultDescription
width / height / radiusnumber | string—Size and shape.
circleboolean—Round (uses height).
linesnumber—Render a paragraph of lines.

Accessibility

  • aria-hidden; put aria-busy="true" on the region that is loading.