Components

Triggers an action or event. Includes TextButton, IconButton, HyperlinkButton, DropdownButton, and SplitButton variants.

Lets users select one or more options from a set. Supports unchecked, checked, and indeterminate states for multi-select forms, preferences, and "select all" patterns.

A single-line text field for short, free-form input like names, emails, and search terms. Supports prefix and suffix slots, help text, and an error state.

A set of radio buttons where exactly one option is selected at a time. Use for short, mutually exclusive choices that should all be visible at a glance.

A text field tuned for queries, with a leading magnifier, clear control, and optional keyboard shortcut hint. Use when the input narrows or filters a list of results.

A dropdown menu for selecting values. Includes SingleSelect, MultiSelect, and AutoComplete variants.

A multi-line text input for longer free-form content like comments, descriptions, and messages. Supports a character counter, help text, and an error state.

A binary switch for immediate on/off settings. Use for preferences, feature flags, and persistent states that take effect immediately.

A file upload control. Includes a drop zone for selecting files and an inline list for showing uploaded items.

Date and time selection controls. Includes DatePicker, DateRangePicker, TimePicker, and a combined DateTimeMenu.

A vertical stack of collapsible items. Use to let users reveal dense or optional content on demand, one section at a time or several at once.

A visual representation of a user, typically as an image or initials.

A horizontal stack of overlapping avatars with a truncation tail. Use to show participants, assignees, or members at a glance.

A small visual indicator for numerical counts or dot status. Alerts users about updated content, unread notifications, or status.

A container for grouping related content and actions together.

Lets users show, hide, reorder, and group table columns. Supports search, frozen columns, non-removable columns, and compact density.

A compact element for displaying tags, filters, or selections.

Renders SVG icons from the Dew icon set.

A structured data grid for displaying tabular information with sorting and slotting.

A label for categorizing or marking items.

A navigation aid showing the user's current location in the hierarchy.

Navigation controls for moving between pages of content.

Primary horizontal navigation bar for app-level navigation.

Tabbed navigation for switching between related views. Includes ButtonTabs, HorizontalTabs, SegmentedTabs, and VerticalTabs variants.

A full-width message for system-level announcements and status.

A contextual message displayed inline near related content.

Loading indicators including ProgressLoader, Shimmer, and Spinner.

A brief notification that appears temporarily to provide feedback.

A floating list of actions or options, anchored to a trigger element.

A dialog window that overlays the main content for focused interactions. Includes Trigger, Content, Heading, Body, and Footer sub-components.

A floating panel anchored to a trigger element for contextual content.

A panel that slides in from the edge of the screen.

A popup that displays information related to an element on hover or focus.

A resizable split pane layout for side-by-side content.

A multi-step workflow with horizontal, vertical, and indicator variants.