React Component Library

A set of collapsible panels with headings.

A modal dialog that interrupts the user with important content and expects a response.

An input that suggests options as you type. A high-quality, unstyled React autocomplete component that renders an input with a list of filtered options.

An image element with a fallback for representing the user.

A small component used to highlight and display short status text.

A versatile button component that supports multiple variants, sizes, and states. Built with accessibility in mind and fully customizable.

A card component that displays content in a flexible and extensible container.

A control that allows the user to toggle between checked and not checked.

Provides shared state to a series of checkboxes.

An interactive component which expands/collapses a panel.

A window overlaid on either the primary window or another dialog window.

Provides context and semantic structure for form inputs, including labels, descriptions, and error messages.

A fieldset component that groups related form controls together with a legend.

A native form element with consolidated error handling. Works seamlessly with Field components and supports both basic validation and Zod schema validation.

Displays a form input field or a component that looks like an input field.

A versatile menu component that supports multiple item types including checkboxes, radio groups, and nested submenus. Built with accessibility in mind.

Displays a graphical representation of a value within a known range.

A number input with increment and decrement buttons.

Displays rich content in a portal, triggered by a button.

For sighted users to preview content available behind a link.

Displays an indicator showing the completion progress of a task.

A set of checkable buttons—known as radio buttons—where no more than one of the buttons can be checked at a time.

Augments native scroll functionality for custom, cross-browser styling.

A customizable select component with support for keyboard navigation, groups, scrolling indicators, and custom styling. Built with Base UI for better performance and accessibility.

Visually or semantically separates content.

An input where the user selects a value from within a given range.

A control that allows the user to toggle between checked and not checked.

A responsive table component for displaying data in rows and columns.

A set of layered sections of content—known as tab panels—that display one panel at a time.

A multi-line text input control for entering longer text content.

A succinct message that is displayed temporarily.

A toggle button component that can be used to switch between on and off states. Perfect for toolbar actions and feature toggles.

A set of two-state buttons that can be toggled on or off.

A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.