Accordion
Collapsible regions built on native details and summary, with optional exclusive groups via the name attribute.
Components
Components are opt-in and use semantic HTML with a small, predictable class API. This page covers components whose core behavior is native HTML or CSS-only. Components that need a JavaScript enhancer or runtime orchestration live in [UI](ui.md).
Alert
Inline status messages for confirmations, warnings, and errors, with intents, icons, and action lists.
Avatar
Initials or image representing a person or entity, composable with a status dot.
Badge
Compact label for counts, status, or category tags, with shared intents and variants.
Breadcrumb
Trail of links showing the current page's location in a hierarchy.
Button
Actions and navigation with shared intents, variants, sizes, and a loading state.
Card
Flexible content container with optional header, body, footer, and bleed regions.
Key
Keyboard keys and shortcut tokens for app UI, command palettes, menus, and help text.
Meter
Scalar measurement within a known range, not a progress indicator.
Pagination
Navigation controls to move between pages of content.
Progress
Indeterminate or determinate indicator of task completion.
Spinner
Loading indicator for actions or regions that may take noticeable time.
Skeleton
Placeholder shapes for content that is loading.
Table
Data table with caption and scope attributes, and an accessible scroll region for wide content.