# Base UI

## Docs

- [Accordion](https://mintlify.wiki/mui/base-ui/api/accordion.md): API reference for the Accordion component
- [AlertDialog](https://mintlify.wiki/mui/base-ui/api/alert-dialog.md): API reference for the AlertDialog component
- [Autocomplete](https://mintlify.wiki/mui/base-ui/api/autocomplete.md): API reference for the Autocomplete component
- [Avatar](https://mintlify.wiki/mui/base-ui/api/avatar.md): API reference for the Avatar component
- [Button](https://mintlify.wiki/mui/base-ui/api/button.md): API reference for the Button component
- [Checkbox](https://mintlify.wiki/mui/base-ui/api/checkbox.md): API reference for the Checkbox component
- [CheckboxGroup](https://mintlify.wiki/mui/base-ui/api/checkbox-group.md): API reference for the CheckboxGroup component
- [Collapsible](https://mintlify.wiki/mui/base-ui/api/collapsible.md): API reference for the Collapsible component
- [Combobox](https://mintlify.wiki/mui/base-ui/api/combobox.md): API reference for the Combobox component
- [ContextMenu](https://mintlify.wiki/mui/base-ui/api/context-menu.md): API reference for the ContextMenu component
- [CSP Provider](https://mintlify.wiki/mui/base-ui/api/csp-provider.md): API reference for the CSPProvider component
- [Dialog](https://mintlify.wiki/mui/base-ui/api/dialog.md): API reference for the Dialog component
- [Direction Provider](https://mintlify.wiki/mui/base-ui/api/direction-provider.md): API reference for the DirectionProvider component
- [Drawer](https://mintlify.wiki/mui/base-ui/api/drawer.md): API reference for the Drawer component
- [Field](https://mintlify.wiki/mui/base-ui/api/field.md): API reference for the Field component
- [Fieldset](https://mintlify.wiki/mui/base-ui/api/fieldset.md): API reference for the Fieldset component
- [Form](https://mintlify.wiki/mui/base-ui/api/form.md): API reference for the Form component
- [Input](https://mintlify.wiki/mui/base-ui/api/input.md): API reference for the Input component
- [Menu](https://mintlify.wiki/mui/base-ui/api/menu.md): API reference for the Menu component
- [Menubar](https://mintlify.wiki/mui/base-ui/api/menubar.md): API reference for the Menubar component
- [mergeProps](https://mintlify.wiki/mui/base-ui/api/merge-props.md): API reference for the mergeProps utility function
- [Meter](https://mintlify.wiki/mui/base-ui/api/meter.md): API reference for the Meter component
- [NavigationMenu](https://mintlify.wiki/mui/base-ui/api/navigation-menu.md): API reference for the NavigationMenu component
- [NumberField](https://mintlify.wiki/mui/base-ui/api/number-field.md): API reference for the NumberField component
- [Popover](https://mintlify.wiki/mui/base-ui/api/popover.md): API reference for the Popover component
- [PreviewCard](https://mintlify.wiki/mui/base-ui/api/preview-card.md): API reference for the PreviewCard component
- [Progress](https://mintlify.wiki/mui/base-ui/api/progress.md): API reference for the Progress component
- [Radio](https://mintlify.wiki/mui/base-ui/api/radio.md): API reference for the Radio component
- [RadioGroup](https://mintlify.wiki/mui/base-ui/api/radio-group.md): API reference for the RadioGroup component
- [ScrollArea](https://mintlify.wiki/mui/base-ui/api/scroll-area.md): API reference for the ScrollArea component
- [Select](https://mintlify.wiki/mui/base-ui/api/select.md): API reference for the Select component
- [Separator](https://mintlify.wiki/mui/base-ui/api/separator.md): API reference for the Separator component
- [Slider](https://mintlify.wiki/mui/base-ui/api/slider.md): API reference for the Slider component
- [Switch](https://mintlify.wiki/mui/base-ui/api/switch.md): API reference for the Switch component
- [Tabs](https://mintlify.wiki/mui/base-ui/api/tabs.md): API reference for the Tabs component
- [Toast](https://mintlify.wiki/mui/base-ui/api/toast.md): API reference for the Toast component
- [Toggle](https://mintlify.wiki/mui/base-ui/api/toggle.md): API reference for the Toggle component
- [ToggleGroup](https://mintlify.wiki/mui/base-ui/api/toggle-group.md): API reference for the ToggleGroup component
- [Toolbar](https://mintlify.wiki/mui/base-ui/api/toolbar.md): API reference for the Toolbar component
- [Tooltip](https://mintlify.wiki/mui/base-ui/api/tooltip.md): API reference for the Tooltip component
- [useMediaQuery](https://mintlify.wiki/mui/base-ui/api/use-media-query.md): API reference for the useMediaQuery hook
- [useRender](https://mintlify.wiki/mui/base-ui/api/use-render.md): API reference for the useRender hook
- [Accordion](https://mintlify.wiki/mui/base-ui/components/accordion.md): A vertically stacked set of interactive headings that each reveal a section of content.
- [Alert Dialog](https://mintlify.wiki/mui/base-ui/components/alert-dialog.md): A modal dialog that interrupts the user with important content and expects a response.
- [Autocomplete](https://mintlify.wiki/mui/base-ui/components/autocomplete.md): A text input with a filterable popup list of suggestions that helps users complete their input.
- [Avatar](https://mintlify.wiki/mui/base-ui/components/avatar.md): Display a user's profile picture, initials, or fallback icon with automatic image loading states.
- [Button](https://mintlify.wiki/mui/base-ui/components/button.md): A button component that can be used to trigger actions.
- [Checkbox](https://mintlify.wiki/mui/base-ui/components/checkbox.md): A checkbox component that allows users to select one or more options.
- [Checkbox Group](https://mintlify.wiki/mui/base-ui/components/checkbox-group.md): Provides a shared state to a series of checkboxes.
- [Collapsible](https://mintlify.wiki/mui/base-ui/components/collapsible.md): A component that expands and collapses content panels with smooth animations.
- [Combobox](https://mintlify.wiki/mui/base-ui/components/combobox.md): A combination of a text input and a popup list that allows users to filter, search, and select one or multiple values.
- [Context Menu](https://mintlify.wiki/mui/base-ui/components/context-menu.md): A menu that appears on right-click or long-press, providing contextual actions.
- [Dialog](https://mintlify.wiki/mui/base-ui/components/dialog.md): A window overlaid on the primary window, rendering the content underneath inert.
- [Drawer](https://mintlify.wiki/mui/base-ui/components/drawer.md): A panel that slides in from the edge of the screen, providing contextual content or navigation.
- [Field](https://mintlify.wiki/mui/base-ui/components/field.md): Groups related input controls with labels, descriptions, and error messages for form validation.
- [Fieldset](https://mintlify.wiki/mui/base-ui/components/fieldset.md): Groups related form controls with a shared legend for semantic grouping and accessibility.
- [Form](https://mintlify.wiki/mui/base-ui/components/form.md): A native form element with consolidated error handling and validation.
- [Input](https://mintlify.wiki/mui/base-ui/components/input.md): A native input element that automatically works with Field.
- [Menu](https://mintlify.wiki/mui/base-ui/components/menu.md): A popup menu that displays a list of actions or options.
- [Menubar](https://mintlify.wiki/mui/base-ui/components/menubar.md): A horizontal or vertical bar containing multiple menu triggers.
- [Meter](https://mintlify.wiki/mui/base-ui/components/meter.md): Display a scalar measurement within a known range, such as disk usage or battery level.
- [Navigation Menu](https://mintlify.wiki/mui/base-ui/components/navigation-menu.md): A menu designed for website navigation, with support for nested menus and hover interactions.
- [Number Field](https://mintlify.wiki/mui/base-ui/components/number-field.md): A number input with increment and decrement controls.
- [Popover](https://mintlify.wiki/mui/base-ui/components/popover.md): A floating panel that displays rich content in a portal, positioned relative to a trigger element.
- [Preview Card](https://mintlify.wiki/mui/base-ui/components/preview-card.md): A card that displays a preview of content when hovering or focusing on a trigger element.
- [Progress](https://mintlify.wiki/mui/base-ui/components/progress.md): Display the completion status of a task or process with determinate and indeterminate states.
- [Radio](https://mintlify.wiki/mui/base-ui/components/radio.md): A radio button component for selecting a single option from a group.
- [Radio Group](https://mintlify.wiki/mui/base-ui/components/radio-group.md): Provides a shared state to a series of radio buttons.
- [Scroll Area](https://mintlify.wiki/mui/base-ui/components/scroll-area.md): A customizable scrollable container with styled scrollbars.
- [Select](https://mintlify.wiki/mui/base-ui/components/select.md): A dropdown component that allows users to choose one or multiple options from a list.
- [Separator](https://mintlify.wiki/mui/base-ui/components/separator.md): A visual divider between content sections with horizontal or vertical orientation.
- [Slider](https://mintlify.wiki/mui/base-ui/components/slider.md): A slider component for selecting a value or range from a continuous spectrum.
- [Switch](https://mintlify.wiki/mui/base-ui/components/switch.md): A toggle switch for binary on/off states.
- [Tabs](https://mintlify.wiki/mui/base-ui/components/tabs.md): A set of layered content sections that are displayed one at a time.
- [Toast](https://mintlify.wiki/mui/base-ui/components/toast.md): A non-modal notification that appears temporarily to provide feedback or information.
- [Toggle](https://mintlify.wiki/mui/base-ui/components/toggle.md): A two-state button that can be on or off.
- [Toggle Group](https://mintlify.wiki/mui/base-ui/components/toggle-group.md): Provides a shared state to a series of toggle buttons.
- [Toolbar](https://mintlify.wiki/mui/base-ui/components/toolbar.md): A container for grouping a set of controls such as buttons, toggle groups, or menus.
- [Tooltip](https://mintlify.wiki/mui/base-ui/components/tooltip.md): Display contextual information when hovering or focusing on an element.
- [Accessibility](https://mintlify.wiki/mui/base-ui/handbook/accessibility.md): Learn how to make the most of Base UI's accessibility features and guidelines.
- [Animation](https://mintlify.wiki/mui/base-ui/handbook/animation.md): A guide to animating Base UI components.
- [Composition](https://mintlify.wiki/mui/base-ui/handbook/composition.md): A guide to composing Base UI components with your own React components.
- [Customization](https://mintlify.wiki/mui/base-ui/handbook/customization.md): A guide to customizing the behavior of Base UI components.
- [Forms](https://mintlify.wiki/mui/base-ui/handbook/forms.md): A guide to building forms with Base UI components.
- [Styling](https://mintlify.wiki/mui/base-ui/handbook/styling.md): A guide to styling Base UI components with your preferred styling engine.
- [TypeScript](https://mintlify.wiki/mui/base-ui/handbook/typescript.md): A guide to using TypeScript with Base UI.
- [Installation](https://mintlify.wiki/mui/base-ui/installation.md): Install Base UI in your React project and configure your development environment.
- [Introduction to Base UI](https://mintlify.wiki/mui/base-ui/introduction.md): Base UI is an unstyled React component library for building accessible user interfaces with complete control over styling.
- [Quick start](https://mintlify.wiki/mui/base-ui/quickstart.md): Get up and running with Base UI in minutes by creating your first component
- [CSP Provider](https://mintlify.wiki/mui/base-ui/utilities/csp-provider.md): Provides Content Security Policy configuration for Base UI components that require inline styles or scripts.
- [Direction Provider](https://mintlify.wiki/mui/base-ui/utilities/direction-provider.md): Enables RTL (right-to-left) text direction support for Base UI components.
- [mergeProps](https://mintlify.wiki/mui/base-ui/utilities/merge-props.md): Utility function for merging multiple sets of React props with intelligent handling of event handlers, className, and style.
- [useMediaQuery](https://mintlify.wiki/mui/base-ui/utilities/use-media-query.md): Hook for detecting media query matches in React components with SSR support.
- [useRender](https://mintlify.wiki/mui/base-ui/utilities/use-render.md): Hook for rendering Base UI elements with support for custom render props and state management.