Skeleton

Stand in for content that is still loading, matching the shape it will settle into so the layout does not jump.

Purpose

A skeleton is worth the effort only when it matches the real shape. A grey box of the wrong size causes the layout shift it was meant to prevent.

Card and table-row skeletons in Storybook

AvatarDraft

A person's photo, falling back to initials when none is on file. To show several people together use Avatar group.

SeparatorDraft

Divide related groups of content, either across a row or between inline items.