ComponentsData Display
Data Display
Structured display, content grouping and data surfaces.
AvatarAvatar represents a person, team, or account with an image and a reliable text fallback.BadgeBadge presents short status, label, or count information that helps people scan an interface.CardCard groups related content, actions, forms, or framed data into a clear surface.Code / CodeBlockCode formats short inline tokens, while CodeBlock presents multiline or copyable snippets.Data TableA sortable project table with typed columns, active rows, row actions and empty states.KbdKbd displays individual keys or short keyboard shortcuts without replacing explanatory help.Resource ListCompact entity lists with structured status, content and metadata but no tabular header.TableSemantic tabular data with structured headers, cells, selection and interactive-row support.TimelineRead-only chronological history with structured titles, descriptions and semantic status markers.