@basecn

A set of collapsible panels with headings.

Displays content within a desired ratio.

Displays a badge or a component that looks like a badge.

A container that groups related buttons together with consistent styling.

A carousel with motion and swipe built using Embla.

An input combined with a list of predefined items to select.

A window overlaid on either the primary window or another dialog window, rendering the content underneath inert.

Displays a menu to the user — such as a set of actions or functions — triggered by a button.

Renders a form built with React Hook Form.

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

Used to display textual user input from keyboard.

A collection of links for navigating websites.

Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.

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

Visually or semantically separates content.

Use to show a placeholder while content is loading.

Displays a callout for user attention.

An input that suggests options as you type.

Displays the path to the current resource using a hierarchy of links.

A date field component that allows users to enter and edit date.

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

Fast, composable, unstyled command menu for React.

A drawer component for React.

Use the Empty component to display an empty state.

Renders a form built with Tanstack Form.

Display additional information or actions to an input or textarea.

Renders an accessible label associated with controls.

Pagination with page navigation, next and previous links.

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

Displays a list of options for the user to pick from—triggered by a button.

Extends the Dialog component to display content that complements the main content of the screen.

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

A dialog that requires user response to proceed.

An easily stylable avatar component.

Displays a button or a component that looks like a button.

Displays a card with header, content, and footer.

An interactive component which expands/collapses a panel.

Displays a menu to the user — such as a set of actions or functions — triggered by a button.

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

Combine labels, controls, and help text to compose accessible form fields and grouped inputs.

For sighted users to preview content available behind a link.

A versatile component that you can use to display any content.

A visually persistent menu common in desktop applications that provides quick access to a consistent set of commands.

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

Accessible resizable panel groups and layouts with keyboard support.

Visually or semantically separates content.

A composable, themeable and customizable sidebar component.

An opinionated toast component for React.