# Base UI Vue

> Unstyled UI components for building accessible user interfaces

## Table of Contents

### Overview

- [Quick Start](/docs/overview/quick-start.md): A quick guide to getting started with Base UI Vue.
- [Accessibility](/docs/overview/accessibility.md): Learn how to make the most of Base UI Vue's accessibility features and guidelines.
- [About](/docs/overview/about.md): Learn about Base UI Vue, an open-source Vue component library for building accessible user interfaces.

### Handbook

- [Styling](/docs/handbook/styling.md): Learn how to style Base UI Vue components with your preferred styling engine.
- [Animation](/docs/handbook/animation.md): A guide to animating Base UI Vue components.
- [Composition](/docs/handbook/composition.md): Learn how to compose Base UI Vue components with your own Vue components.
- [Customization](/docs/handbook/customization.md): Learn how to customize the behavior of Base UI Vue components.
- [Forms](/docs/handbook/forms.md): A guide to building forms with Base UI Vue components.
- [TypeScript](/docs/handbook/typescript.md): A guide to using TypeScript with Base UI Vue.

### Components

- [Accordion](/docs/components/accordion.md): A high-quality, unstyled Vue accordion component that displays a set of collapsible panels with headings.
- [Avatar](/docs/components/avatar.md): A high-quality, unstyled Vue avatar component that is easy to customize.
- [Button](/docs/components/button.md): A high-quality, unstyled Vue button component that can be rendered as another tag or focusable when disabled.
- [Checkbox](/docs/components/checkbox.md): A high-quality, unstyled Vue checkbox component that is easy to customize.
- [Checkbox Group](/docs/components/checkbox-group.md): A high-quality, unstyled Vue checkbox group component that provides shared state for a series of checkboxes.
- [Collapsible](/docs/components/collapsible.md): A high-quality, unstyled Vue collapsible component that displays a collapsible panel controlled by a button.
- [Field](/docs/components/field.md): A high-quality, unstyled Vue field component that provides labeling and validation for form controls.
- [Fieldset](/docs/components/fieldset.md): A high-quality, unstyled Vue fieldset component with an easily stylable legend.
- [Form](/docs/components/form.md): A high-quality, unstyled Vue form component with consolidated error handling.
- [Separator](/docs/components/separator.md): A high-quality, unstyled Vue separator component that is accessible to screen readers.
- [Slider](/docs/components/slider.md): A high-quality, unstyled Vue slider component that works like a range input and is easy to style.
- [Switch](/docs/components/switch.md): A high-quality, unstyled Vue switch component that indicates whether a setting is on or off.
- [Toggle](/docs/components/toggle.md): A high-quality, unstyled Vue toggle component that displays a two-state button that can be on or off.
- [Toggle Group](/docs/components/toggle-group.md): A high-quality, unstyled Vue toggle group component that provides shared state to a series of toggle buttons.
- [Toolbar](/docs/components/toolbar.md): A high-quality, unstyled Vue toolbar component for grouping buttons and controls.

### Utils

- [CSP Provider](/docs/utils/csp-provider.md): A CSP provider component that configures CSP-related behavior for inline tags rendered by Base UI Vue components.
- [DirectionProvider](/docs/utils/direction-provider.md): A direction provider component that enables RTL behavior for Base UI Vue components.
- [mergeProps](/docs/utils/merge-props.md): A utility to merge multiple sets of props, handling event handlers, class, and style props intelligently.
- [useRender](/docs/utils/use-render.md): A composable for enabling renderless mode in custom components.