Surfaces and status

Cards, labels, alerts, and loading placeholders.

• Card — Group a titled piece of related content in a styled surface.
• Badge — Display compact categorical metadata with a named tone.
• Alert — Present an important text message using an appropriate live-region policy.
• Skeleton — Reserve space for content that is still loading.
• Carousel — No-JS carousel as an ordered slide list with controls.
• ContextMenu — Context menu with required overflow-button alternative.
• Help — Accessible help text associated with a control.
• Popover — Native popover or details/summary disclosure.
• Timeline — Semantic ordered timeline of events.
• Tooltip — Accessible tooltip / title help.