Skip to content

SkeletonLayoutVariant

SkeletonLayoutVariant = "card" | "list" | "table" | "grid" | "chat"

Defined in: src/components/feedback/Skeleton/Skeleton.types.ts:104

Pre-built skeleton arrangement.

  • card — circular avatar, a few text lines, and a thumbnail block
  • list — vertical rows of avatar + two text lines
  • table — header row + data rows laid out on a CSS grid
  • grid — uniform grid of square blocks (no animation by default)
  • chat — alternating left/right message bubbles