# Base UI Solid This is the documentation for the `base-ui-solid` package. It contains a collection of components and utilities for building user interfaces in Solid 2.0 RC. The library is designed to be composable and styling agnostic. The Tailwind CSS examples are written for Tailwind CSS v4. If `package.json` uses Tailwind CSS v3, automatically convert unsupported styles to v3-compatible equivalents. ## Overview - [Quick start](/solid/overview/quick-start.md): A quick guide to getting started with Base UI. - [Accessibility](/solid/overview/accessibility.md): Learn how to make the most of Base UI's accessibility features and guidelines. - [Releases](/solid/overview/releases.md): Release notes for Base UI Solid, the Solid port of Base UI. - [About Base UI Solid](/solid/overview/about.md): An overview of Base UI Solid, the unofficial Solid port of Base UI, and how it relates to upstream. - [Community](/solid/overview/community.md): Learn where to get help with Base UI Solid, how to contribute, and how to stay up to date. - [Overview](/solid/overview.md): ## Handbook - [Styling](/solid/handbook/styling.md): Learn how to style Base UI components with your preferred styling engine. - [Animation](/solid/handbook/animation.md): A guide to animating Base UI components. - [Composition](/solid/handbook/composition.md): A guide to composing Base UI components with your own Solid components. - [Customization](/solid/handbook/customization.md): A guide to customizing the behavior of Base UI components. - [Forms](/solid/handbook/forms.md): A guide to building forms with Base UI components. - [Handbook](/solid/handbook.md): - [TypeScript](/solid/handbook/typescript.md): A guide to using TypeScript with Base UI. ## Components - [Components](/solid/components.md): - [Accordion](/solid/components/accordion.md): A high-quality, unstyled Solid accordion component that displays a set of collapsible panels with headings. - [Alert Dialog](/solid/components/alert-dialog.md): A high-quality, unstyled Solid alert dialog component that requires a user response to proceed. - [Autocomplete](/solid/components/autocomplete.md): A high-quality, unstyled Solid autocomplete component that renders an input with a list of filtered options. - [Avatar](/solid/components/avatar.md): A high-quality, unstyled Solid avatar component that is easy to customize. - [Button](/solid/components/button.md): A high-quality, unstyled Solid button component that can be rendered as another tag or focusable when disabled. - [Checkbox](/solid/components/checkbox.md): A high-quality, unstyled Solid checkbox component that is easy to customize. - [Checkbox Group](/solid/components/checkbox-group.md): A high-quality, unstyled Solid checkbox group component that provides a shared state for a series of checkboxes. - [Collapsible](/solid/components/collapsible.md): A high-quality, unstyled Solid collapsible component that displays a panel controlled by a button. - [Combobox](/solid/components/combobox.md): A high-quality, unstyled Solid combobox component that renders an input combined with a list of predefined items to select. - [Context Menu](/solid/components/context-menu.md): A high-quality, unstyled Solid context menu component that appears at the pointer on right click or long press. - [Dialog](/solid/components/dialog.md): A high-quality, unstyled Solid dialog component that opens on top of the entire page. - [Drawer](/solid/components/drawer.md): A high-quality, unstyled Solid drawer component with swipe-to-dismiss gestures. - [Field](/solid/components/field.md): A high-quality, unstyled Solid field component that provides labeling and validation for form controls. - [Fieldset](/solid/components/fieldset.md): A high-quality, unstyled Solid fieldset component with an easily stylable legend. - [Form](/solid/components/form.md): A high-quality, unstyled Solid form component with consolidated error handling. - [Input](/solid/components/input.md): A high-quality, unstyled Solid input component. - [Menu](/solid/components/menu.md): A high-quality, unstyled Solid menu component that displays list of actions in a dropdown, enhanced with keyboard navigation. - [Menubar](/solid/components/menubar.md): A menu bar providing commands and options for your application. - [Meter](/solid/components/meter.md): A high-quality, unstyled Solid meter component that provides a graphical display of a numeric value. - [Navigation Menu](/solid/components/navigation-menu.md): A high-quality, unstyled Solid navigation menu component that displays a collection of links and menus for website navigation. - [Number Field](/solid/components/number-field.md): A high-quality, unstyled Solid number field component with increment and decrement buttons, and a scrub area. - [OTP Field](/solid/components/otp-field.md): A high-quality, unstyled Solid OTP field component for one-time password and verification code entry. - [Popover](/solid/components/popover.md): A high-quality, unstyled Solid popover component that displays an accessible popup anchored to a button. - [Preview Card](/solid/components/preview-card.md): A high-quality, unstyled Solid preview card component for a link that shows a destination preview without interrupting keyboard or screen reader navigation. - [Progress](/solid/components/progress.md): A high-quality, unstyled Solid progress bar component that displays the status of a task that takes a long time. - [Radio Group](/solid/components/radio-group.md): A high-quality, unstyled Solid radio group component that provides shared state to a series of radio buttons. - [Scroll Area](/solid/components/scroll-area.md): A high-quality, unstyled Solid scroll area that provides a native scroll container with custom scrollbars. - [Select](/solid/components/select.md): A high-quality, unstyled Solid select component for choosing a predefined value in a dropdown menu. - [Separator](/solid/components/separator.md): A high-quality, unstyled Solid separator component that is accessible to screen readers. - [Slider](/solid/components/slider.md): A high-quality, unstyled Solid slider component that works like a range input and is easy to style. - [Switch](/solid/components/switch.md): A high-quality, unstyled Solid switch component that indicates whether a setting is on or off. - [Tabs](/solid/components/tabs.md): A high-quality, unstyled Solid tabs component for toggling between related panels on the same page. - [Toast](/solid/components/toast.md): A high-quality, unstyled Solid toast component to generate notifications. - [Toggle](/solid/components/toggle.md): A high-quality, unstyled Solid toggle component that displays a two-state button that can be on or off. - [Toggle Group](/solid/components/toggle-group.md): A high-quality, unstyled Solid toggle group component that provides shared state to a series of toggle buttons. - [Toolbar](/solid/components/toolbar.md): A high-quality, unstyled Solid toolbar component that groups a set of buttons and controls. - [Tooltip](/solid/components/tooltip.md): A high-quality, unstyled Solid tooltip component that appears when an element is hovered or focused, showing a hint for sighted users. ## Utilities - [Utils](/solid/utils.md): - [CSP Provider](/solid/utils/csp-provider.md): A CSP provider component that applies a nonce to inline `