Surfaces and status

Cards, labels, alerts, and loading placeholders.

• Card — Group a titled piece of related content in a styled surface.
• Surface — Compose a presentation-token surface without application CSS.
• StyleScope — Bound a subtree to theme, finite variant, color mode, and density markers only.
• 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.
• StateView — Unified loading, empty, error, permission, offline, and success surface.
• 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.
• AmbientCanvas — Document-level inert canvas for composing ordered decorative layers.
• AmbientBackdrop — Finite decorative backdrop that remains inert and outside content semantics.