Components
Import primitives from
@carsxe/design-system. Each page has a live preview, usage, and API.- AccordionA vertically stacked set of interactive headings.
- AlertDisplays a callout for user attention.
- AvatarAn image element with a fallback for representing a user.
- BadgeDisplays a badge or a component that looks like a badge.
- BreadcrumbDisplays the path to the current resource using a hierarchy of links.
- ButtonDisplays a button or a component that looks like a button.
- CardDisplays a card with header, content, and footer.
- CheckboxA control that allows the user to toggle between checked and not checked.
- DialogA window overlaid on the primary window, rendering the content underneath inert.
- Dropdown MenuDisplays a menu to the user — such as a set of actions or functions — triggered by a button.
- InputDisplays a form input field or a component that looks like an input field.
- LabelRenders an accessible label associated with controls.
- Navigation MenuA collection of links for navigating websites.
- PaginationPagination with page navigation, next and previous links.
- ProgressDisplays an indicator showing the completion progress of a task.
- Radio GroupA set of checkable buttons — known as radio buttons — where no more than one of the buttons can be checked at a time.
- SelectDisplays a list of options for the user to pick from — triggered by a button.
- SeparatorVisually or semantically separates content.
- SkeletonUse to show a placeholder while content is loading.
- SliderAn input where the user selects a value from within a given range.
- SonnerAn opinionated toast component for React.
- SwitchA control that allows the user to toggle between checked and not checked.
- TableA responsive table component.
- TabsA set of layered sections of content — known as tab panels — that are displayed one at a time.
- TextareaDisplays a form textarea or a component that looks like a textarea.
- TooltipA popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.