Status and content

Status and content

Status messages, progress, identity, and text.
9 components
  • Alert

    Notice strips for inline status, confirmation, and warnings.

  • Avatar

    An image with initials while it loads or when it fails.

  • Badge

    Compact labels for status, counts, and tags.

  • Empty State

    Explain why content is missing and give people a useful next step.

  • Kbd

    Inline keyboard-shortcut badge.

  • Progress

    Show how far along a task is. Determinate with value or indeterminate for unknown duration.

  • Skeleton

    Loading content without flicker or layout shift.

  • Spinner

    An animated loading indicator for indeterminate work.

  • Typography

    Semantic document headings, text, inline code, and interface typography primitives.