Vue components

Expandable sections with built-in keyboard interaction.

A contextual message with optional assertive announcement.

A confirmation dialog with focus management, keyboard dismissal and a labelled title.

An image with an accessible fallback for a person or team.

A compact non-interactive status or label.

A semantic path through your application.

An action with six visual variants, three sizes and a loading state.

A Gregorian single-date or range calendar with month/year selection, disabled dates, week numbers and keyboard navigation.

A surface that groups related content, with optional header and footer.

A labelled checkbox with checked and indeterminate states.

An optional content section with a disclosure trigger.

Searchable single selection with controlled search, disabled options, optional clearing and form support.

A searchable command palette with keyboard navigation and real action callbacks.

A contextual action menu available by right-click or keyboard.

Searchable, sortable and paginated data with controlled state, custom cells, stable row keys and loading/empty states.

Single-date and date-range selection with shortcuts, manual confirmation, localized calendars and editable date fields.

A modal dialog with focus management, keyboard dismissal and a labelled title.

A swipeable drawer with focus management, keyboard dismissal and a labelled title.

A keyboard-accessible menu of actions.

A useful empty state with an optional next action.

A labelled field with description, validation and accessible errors.

A validated drag-and-drop file input with cancellable upload and real progress callbacks.

A preview card for supplementary link information.

A text input that inherits the library’s field tokens.

A text input with leading and trailing content.

A keyboard shortcut hint.

An explicit label linked to a form control.

A navigation bar with expandable groups and real link semantics.

A numeric field with increment, decrement, constraints and locale formatting.

A controlled page navigator with bounded page selection.

A non-modal panel anchored to a trigger.

A determinate or indeterminate progress bar with a label.

One selection from a labelled set, with arrow-key navigation.

Accessible single or multiple selection with disabled options, controlled state and native form support.

A visual and semantic divider.

A side panel with focus management, keyboard dismissal and a labelled title.

A collapsible application sidebar with active-link semantics.

A reduced-motion-aware placeholder while content is loading.

A bounded numeric value with keyboard controls and a visible output.

An accessible loading indicator that respects reduced motion.

An immediate on/off setting with a visible label.

A semantic table with a caption and responsive overflow.

Related panels connected to an accessible tab list.

A multiline input with native form semantics.

Accessible notifications with a provider, imperative manager and dismiss controls.

A pressable on/off button with an accessible pressed state.

A labelled group of toggle buttons with keyboard navigation.

Additional non-essential text shown on hover or keyboard focus.