Reference

Alert componentStable

Present persistent, in-flow feedback that remains visible without JavaScript and does not steal focus from the current task.

Badge componentStable

Present a compact inline status or category label without replacing meaningful text or native semantics.

Toast componentStable

Present transient, server-authored feedback without requiring a client-side message store.

Toast region componentStable

Receive and announce a bounded stack of server-authored toast messages with polite, assertive, or silent live-region behavior.

Empty state componentPreview

Explain why a view has no content and offer the next useful action, in place of the missing list or table.

Progress and meter componentPreview

Size and colour the native progress and meter elements so task progress and bounded measurements share one visual treatment while keeping their distinct meaning.

Skeleton componentPreview

Reserve the space of content that is still loading so the layout does not shift, while a separate status message tells assistive technology what is happening.

Spinner componentPreview

Announce an indeterminate wait with a small CSS-only rotating indicator whose accessible name explains what is loading.

Status componentPreview

Label the current state of a record or service with text and a coloured dot, without turning the label into a control or a live region.

Breadcrumbs componentStable

Show the current page location within a site hierarchy using a named navigation landmark and an ordered list.

Dialog componentStable

Present a focused task in the browser top layer while preserving native dialog semantics, Escape dismissal, and form method=dialog submission.

Pagination componentStable

Navigate between related result pages with durable links and a clearly marked current page.

Tabs componentStable

Organize related sections with an authored ARIA tablist and an optional, dependency-free keyboard and panel coordinator.

Button componentStable

Trigger an immediate native action with theme-driven presentation.

Checkbox componentStable

Present a single native checkbox and its label as an accessible, keyboard-operable choice without replacing browser semantics.

Radio group componentStable

Group mutually exclusive choices as native radio inputs inside a fieldset and legend so browsers own selection and keyboard behavior.

Select componentStable

Present a native option list while preserving browser-owned keyboard, pointer, validation, and submission behavior.

Switch componentStable

Present an on/off preference as a native checkbox with role=switch so keyboard, pointer, validation, and form submission stay canonical.

Text input componentStable

Present a native single-line text control while preserving browser-owned typing, validation, autofill, submission, and password-manager behavior.

Textarea componentStable

Present a native multiline text control while preserving browser-owned editing, validation, submission, scrolling, and resize behavior.

Combobox and autocomplete componentPreview

Enhance a native text field with bounded ARIA listbox navigation while keeping typed values, submission, and server-provided results durable.

File input componentPreview

Present a native file picker in a resilient shell with space for concise selection and drag-state guidance.

Range input componentPreview

Theme a native range input while retaining its keyboard, pointer, touch, validation, and submission behavior.

Card componentStable

Group related content, metadata, and actions in a raised surface without replacing semantic landmarks or native control behavior.

Prose patternStable

Give long-form semantic HTML a calm reading measure and consistent vertical rhythm without requiring an authored class on every descendant.

Avatar componentPreview

Show a person or organisation as a cropped image or initials beside their name.

Carousel componentPreview

Present a finite set of media in a natively scrollable reel.

Keyboard key componentPreview

Skin the native <kbd> element as a compact keycap for keyboard shortcut guidance without redefining its semantics or content model.

Lightbox componentPreview

Enhance full-size image links with a native modal viewer.

Logo reel componentPreview

Present an overflow set of linked organization marks in a natively scrollable semantic list without duplicating the wrapping Logo cloud or inventing carousel behavior.

Product gallery componentPreview

Show product media without coupling image selection to variant, inventory, or price truth.

Separator componentPreview

Divide sibling content or inline controls with a native, theme-aware boundary that respects logical writing modes and forced colors.

Table componentPreview

Give native data tables readable cell spacing and row rules, and let a wide table scroll inside its own labelled region instead of widening the page.

Video and lite embed componentPreview

Show authored video behind an explicit activation boundary so third-party embed code makes no request before the visitor chooses to load it.

Field componentStable

Arrange a native label, form control, persistent hint, and optional server-rendered error without owning form behavior.

Autogrow textarea componentPreview

Optionally grow a native textarea with its content while retaining a useful, resizable no-JavaScript control.

Field validation enhancement componentPreview

Progressively mirror a native constraint-validation failure as an inline description without replacing browser validation or form submission.