# SevenUI

> Base UI powered components, distributed through the shadcn registry.

## Docs

- [Introduction](https://sevenui.dev/docs): Base UI powered components, distributed through the shadcn registry.
- [Installation](https://sevenui.dev/docs/installation): Configure the SevenUI registry in your project.
- [Theming](https://sevenui.dev/docs/theming): SevenUI components follow your shadcn theme.

## Components

- [Accordion](https://sevenui.dev/docs/components/accordion): A vertically stacked set of interactive headings that each reveal an associated panel of content, built on the Base UI Accordion primitive.
- [Alert](https://sevenui.dev/docs/components/alert): Displays a message with optional title and description for the user.
- [Alert Dialog](https://sevenui.dev/docs/components/alert-dialog): A modal dialog that interrupts the user with important content and expects a response, built on the Base UI Alert Dialog primitive.
- [Aspect Ratio](https://sevenui.dev/docs/components/aspect-ratio): Displays content with a fixed aspect ratio.
- [Attachment](https://sevenui.dev/docs/components/attachment): Displays file attachments with media previews and actions.
- [Avatar](https://sevenui.dev/docs/components/avatar): An image element with a fallback for representing the user.
- [Badge](https://sevenui.dev/docs/components/badge): Displays a small status descriptor.
- [Breadcrumb](https://sevenui.dev/docs/components/breadcrumb): Displays the current location within a hierarchical navigation structure.
- [Bubble](https://sevenui.dev/docs/components/bubble): Chat message bubbles for conversational interfaces.
- [Button](https://sevenui.dev/docs/components/button): Displays a button built on the Base UI Button primitive.
- [Button Group](https://sevenui.dev/docs/components/button-group): Groups related buttons with shared borders and separators.
- [Calendar](https://sevenui.dev/docs/components/calendar): A date field component that lets users select dates or ranges.
- [Card](https://sevenui.dev/docs/components/card): Displays a container with optional header, content, and footer sections.
- [Carousel](https://sevenui.dev/docs/components/carousel): A carousel with motion and swipe built using Embla.
- [Chart](https://sevenui.dev/docs/components/chart): Composable chart primitives built on Recharts.
- [Checkbox](https://sevenui.dev/docs/components/checkbox): Displays a checkbox built on the Base UI Checkbox primitive.
- [Collapsible](https://sevenui.dev/docs/components/collapsible): An interactive component which expands/collapses a panel, built on the Base UI Collapsible primitive.
- [Combobox](https://sevenui.dev/docs/components/combobox): An input combined with a filterable popup list, built on the Base UI Combobox primitive.
- [Command](https://sevenui.dev/docs/components/command): A fast, composable command palette built on the Base UI Autocomplete primitive.
- [Context Menu](https://sevenui.dev/docs/components/context-menu): Displays a menu to the user — such as a set of actions or functions — triggered by right click or touch long-press, built on the Base UI Menu primitive.
- [Dialog](https://sevenui.dev/docs/components/dialog): A window overlaid on either the primary window or another dialog window, rendering the content underneath inert, built on the Base UI Dialog primitive.
- [Direction](https://sevenui.dev/docs/components/direction): Re-exports the Base UI DirectionProvider for RTL support.
- [Drawer](https://sevenui.dev/docs/components/drawer): A panel that slides in from an edge of the screen and can be dismissed with a swipe gesture, built on the Base UI Drawer primitive.
- [Dropdown Menu](https://sevenui.dev/docs/components/dropdown-menu): Displays a menu to the user — such as a set of actions or functions — triggered by a button, built on the Base UI Menu primitive.
- [Empty](https://sevenui.dev/docs/components/empty): Displays an empty state with media, title, description, and actions.
- [Field](https://sevenui.dev/docs/components/field): Associates a label, control, description, and validation error for a form field.
- [Form](https://sevenui.dev/docs/components/form): A native form with consolidated, auto-clearing validation error handling.
- [Hover Card](https://sevenui.dev/docs/components/hover-card): Displays a preview card when hovering or focusing a link, built on the Base UI Preview Card primitive.
- [Input](https://sevenui.dev/docs/components/input): Displays a text input built on the Base UI Input primitive.
- [Input Group](https://sevenui.dev/docs/components/input-group): Groups an input with addons, buttons, and inline text.
- [Input OTP](https://sevenui.dev/docs/components/input-otp): Displays an OTP input field built on the Base UI OTPField primitive.
- [Item](https://sevenui.dev/docs/components/item): A flexible list item with media, content, and actions.
- [Kbd](https://sevenui.dev/docs/components/kbd): Displays a keyboard key.
- [Label](https://sevenui.dev/docs/components/label): Displays a label for form inputs.
- [Marker](https://sevenui.dev/docs/components/marker): An inline marker with icon and content for annotating UI.
- [Menubar](https://sevenui.dev/docs/components/menubar): A horizontal menu bar with multiple menus — such as File, Edit, and View — built on the Base UI Menu primitive.
- [Message](https://sevenui.dev/docs/components/message): Chat message layout with avatar, content, header, and footer.
- [Message Scroller](https://sevenui.dev/docs/components/message-scroller): Auto-scrolling chat viewport built on the shadcn MessageScroller primitive.
- [Meter](https://sevenui.dev/docs/components/meter): Displays a value within a known range, built on the Base UI Meter primitive.
- [Native Select](https://sevenui.dev/docs/components/native-select): A styled native HTML select element.
- [Navigation Menu](https://sevenui.dev/docs/components/navigation-menu): A collection of links for navigating websites, sharing one animated popup between top-level menu triggers, built on the Base UI Navigation Menu primitive.
- [Number Field](https://sevenui.dev/docs/components/number-field): Displays a number field built on the Base UI Number Field primitive.
- [Pagination](https://sevenui.dev/docs/components/pagination): Displays navigation for multi-page content.
- [Popover](https://sevenui.dev/docs/components/popover): Displays rich content in a portal, positioned relative to an anchor element, built on the Base UI Popover primitive.
- [Progress](https://sevenui.dev/docs/components/progress): Displays an indicator showing the completion progress of a task.
- [Questionnaire](https://sevenui.dev/docs/components/questionnaire): Multi-step questionnaire flow built on the shadcn Questionnaire primitive.
- [Radio Group](https://sevenui.dev/docs/components/radio-group): Displays a radio group built on the Base UI Radio primitive.
- [Resizable](https://sevenui.dev/docs/components/resizable): Accessible resizable panel groups and layouts.
- [Scroll Area](https://sevenui.dev/docs/components/scroll-area): Augments native scroll functionality for custom, cross-browser styling, built on the Base UI Scroll Area primitive.
- [Select](https://sevenui.dev/docs/components/select): Displays a select menu built on the Base UI Select primitive.
- [Separator](https://sevenui.dev/docs/components/separator): Visually or semantically separates content.
- [Sheet](https://sevenui.dev/docs/components/sheet): An edge-positioned panel that slides in from the side of the screen, built on the Base UI Dialog primitive.
- [Sidebar](https://sevenui.dev/docs/components/sidebar): A composable, themeable sidebar with collapsible, mobile, and icon-only modes.
- [Skeleton](https://sevenui.dev/docs/components/skeleton): Use to show a placeholder while content is loading.
- [Slider](https://sevenui.dev/docs/components/slider): Displays a slider built on the Base UI Slider primitive.
- [Spinner](https://sevenui.dev/docs/components/spinner): Displays a loading indicator.
- [Switch](https://sevenui.dev/docs/components/switch): Displays a switch built on the Base UI Switch primitive.
- [Table](https://sevenui.dev/docs/components/table): Displays data in rows and columns with semantic HTML and support for headers, bodies, and footers.
- [Tabs](https://sevenui.dev/docs/components/tabs): A set of layered sections of content — known as tab panels — that display one panel at a time, built on the Base UI Tabs primitive.
- [Textarea](https://sevenui.dev/docs/components/textarea): Displays a multi-line text input field.
- [Toast](https://sevenui.dev/docs/components/toast): Stacked, swipe-dismissable notifications driven by the Base UI toast manager.
- [Toggle](https://sevenui.dev/docs/components/toggle): Displays a toggle built on the Base UI Toggle primitive.
- [Toggle Group](https://sevenui.dev/docs/components/toggle-group): Displays a toggle group built on the Base UI Toggle Group primitive.
- [Toolbar](https://sevenui.dev/docs/components/toolbar): A container for grouping a set of controls, such as buttons, toggle groups, or links, built on the Base UI Toolbar primitive.
- [Tooltip](https://sevenui.dev/docs/components/tooltip): A popup that displays information related to an element when hovered or focused, built on the Base UI Tooltip primitive.