API Reference
Complete API documentation for all @vuetify/v0 components and composables.
Components
Detailed API reference for each component including props, events, and slots.
Actions
| Component | Description |
|---|---|
| Button | Headless button with loading state, toggle group support, and icon accessibility. |
| Toggle | A headless toggle button with dual-mode support: standalone boolean binding or group selection with single and multi-select. |
Disclosure
| Component | Description |
|---|---|
| AlertDialog | A headless confirmation dialog that seeks user input before proceeding. Features a |
| Collapsible | A single-item disclosure toggle for showing and hiding content. |
| Dialog | A headless modal dialog component using the native HTML dialog element. |
| ExpansionPanel | A component for creating accordion-style expansion panels with proper ARIA support. |
| Popover | A headless component for creating popovers and tooltips using modern CSS anchor positioning. |
| Tabs | A component for creating accessible tabbed interfaces with proper ARIA support and keyboard navigation. |
| Tooltip | Description tooltip with hover and focus triggers, configurable open/close delays, and an optional interactive-content mode. |
| Treeview | A compound component for building accessible hierarchical tree interfaces with expand/collapse and selection support. |
Forms
| Component | Description |
|---|---|
| Checkbox | A checkbox for boolean state or multi-selection groups with tri-state support. |
| Combobox | A headless autocomplete input that filters options as the user types, with client and server-side filtering support. |
| Form | A form wrapper that coordinates validation across child input fields and handles submit/reset events. |
| Input | Headless text input with integrated validation and automatic form registration. |
| NumberField | Numeric input with increment/decrement buttons, drag-to-scrub, and locale-aware formatting via |
| Radio | A radio button for single-selection groups with roving focus and shared v-model state. |
| Rating | Headless rating input with hover preview, keyboard navigation, and half-step support. |
| Select | Headless dropdown select with single and multi-selection, keyboard navigation, and native popover positioning. |
| Slider | Headless slider for single-value and range inputs with pointer drag, keyboard navigation, and step snapping. |
| Switch | A switch for on/off state or multi-selection groups with tri-state support. |
Primitives
| Component | Description |
|---|---|
| AspectRatio | Reserves a box with a fixed width-to-height ratio using CSS |
| Atom | Low-level primitive for building polymorphic components. |
| Portal | Renderless teleport wrapper with automatic z-index stacking. |
| Presence | Animation-agnostic mount lifecycle for conditional content. |
Providers
| Component | Description |
|---|---|
| Group | A headless component for managing multi-selection with batch operations and tri-state support. |
| Locale | Scopes a locale to a component subtree for localized sections of your app. |
| Scrim | Headless backdrop component for overlay systems with automatic z-index management and dismiss handling. |
| Selection | A headless component for managing selection state in collections with support for single and multi-selection patterns. |
| Single | Headless single-selection provider — selecting an item automatically deselects the previously selected one, driving tabs, segmented controls, and theme pickers. |
| Step | A headless component for navigation through multi-step processes like wizards and forms. |
| Theme | Scopes a theme to a component subtree for independently themed sections of your app. |
Semantic
| Component | Description |
|---|---|
| Avatar | Headless image component with automatic fallback to icon or text content. |
| Breadcrumbs | A headless component for creating responsive breadcrumb navigation with proper ARIA support. |
| Carousel | Headless carousel built on CSS scroll-snap with multi-slide display and partial-slide peeking. |
| Image | Image loading with placeholder/error fallback, a |
| Overflow | Responsive truncation — hides overflowing items as the container runs out of width and surfaces the hidden count via an indicator. |
| Pagination | A headless component for creating page navigation with proper ARIA support. |
| Progress | Progress bar supporting determinate, indeterminate, and buffered loading indicators. |
| Snackbar | Headless compound component for toast and snackbar notifications. Pairs with |
| Splitter | A headless component for building resizable panel layouts with drag handles and full keyboard support. |
Composables
Detailed API reference for each composable including options, properties, and methods.
Data
| Composable | Description |
|---|---|
| createDataGrid | A headless data grid with column layout, cell editing, row ordering, and row spanning. |
| createDataTable | Composable data table built on v0 primitives. Composes sorting, filtering, pagination, selection, and expansion into a single pipeline. |
| createFilter | A composable for filtering arrays of items based on search queries, supporting both primitive values and complex objects with customizable filtering logic. |
| createKanban | Two-level board state for columns of cards, with column reorder, in-column reorder, and a cross-column |
| createPagination | A lightweight composable for managing pagination state with navigation methods and computed visible page items. |
| createSortable | Ordered-list state with |
| createVirtual | Virtual scrolling composable for efficiently rendering large lists by only rendering visible items. |
Forms
| Composable | Description |
|---|---|
| createCombobox | Low-level combobox coordinator for custom implementations. Most users should use the |
| createForm | Coordinates validation across multiple inputs. Provides |
| createInput | Shared form field primitive with validation state, ARIA ID generation, and automatic form registration. |
| createNumberField | Numeric value with locale-aware formatting, step snapping, min/max/step bounds, and parse/commit for text input. |
| createNumeric | Pure numeric math for bounded values with step snapping, range clamping, and floating-point precision correction. |
| createOtp | Fixed-length one-time-password or verification-code value with pattern-gated entry and completion detection. |
| createRating | Bounded number with discrete items. Give it a size, get items to iterate with full/half/empty state. Half-step support for 0.5 increments. |
| createSlider | Slider state composable for single-thumb, range, and multi-thumb sliders. Handles value math, step snapping, and percentage conversion. |
| createValidation | Per-input validation with reactive rules, async validation, and Standard Schema support. |
Foundation
| Composable | Description |
|---|---|
| createContext | Type-safe dependency injection factory built on Vue's provide/inject. Shares state across component trees without prop drilling. |
| createPlugin | Factory for creating Vue plugins with typed dependency injection and lifecycle hooks. |
| createTrinity | Generates a typed |
Plugins
| Composable | Description |
|---|---|
| useBreakpoints | Reactive viewport detection for building responsive layouts with named breakpoints. |
| useDate | Date manipulation using the Temporal API with locale-aware formatting and adapter support. |
| useFeatures | Manage feature flags and variations across your application. |
| useHydration | Control SSR hydration timing to prevent mismatches and optimize client-side rendering. |
| useLocale | i18n plugin with message translation, number formatting, and locale switching. |
| useLogger | Application logging with configurable levels, filtering, and swappable adapters for popular logging libraries. |
| useNotifications | Notification lifecycle management with severity levels, state mutations, toast queuing, and auto-dismiss. |
| usePermissions | Role-based access control with actions, subjects, and context-aware conditions. |
| useReducedMotion | Respect or override the user's |
| useRtl | Right-to-left text direction management with reactive state and subtree overrides. |
| useRules | Validation rule management with Standard Schema support and custom aliases. |
| useStack | Overlay z-index coordinator with automatic stacking order and parent-child nesting support. |
| useStorage | Reactive storage with automatic serialization, caching, and SSR-safe operations. |
| useTheme | Theme management with multiple themes, CSS custom properties, and token alias resolution. |
| useTooltip | Shares tooltip open/close/skip delay defaults across a region, so nearby tooltips open instantly once one is already open. |
Reactivity
| Composable | Description |
|---|---|
| useProxyModel | A composable for syncing refs bidirectionally with selection contexts, enabling seamless v-model integration with selection state. |
| useProxyRegistry | A reactive proxy wrapper for registry collections that automatically updates refs when items are registered or unregistered. |
Registration
| Composable | Description |
|---|---|
| createQueue | FIFO queue for time-based collections with automatic timeout removal and pause/resume support. |
| createRegistry | Foundation for ordered, keyed collections. Items are registered with IDs and indexes, and can be looked up by ID, index, or value. |
| createTimeline | Bounded undo/redo history built on |
| createTokens | Design token registry with hierarchical collections, alias resolution, and namespace support. |
Selection
| Composable | Description |
|---|---|
| createGroup | Multi-selection with tri-state (mixed/indeterminate) support for checkbox trees, grouped toggles, and any pattern where items can be partially selected. |
| createModel | Reactive value store that wraps a ref with two-way selection binding. |
| createNested | Hierarchical tree management built on |
| createSelection | A composable for managing the selection of items in a collection with automatic indexing and lifecycle management. |
| createSingle | Extends |
| createStep | Extends |
Semantic
| Composable | Description |
|---|---|
| createBreadcrumbs | A composable that extends |
| createOverflow | Computes how many items fit in a container based on available width, for responsive truncation in pagination, breadcrumbs, and similar UIs. |
| createProgress | A composable for tracking progress across one or more segments, with percentage computation and indeterminate state detection. |
System
| Composable | Description |
|---|---|
| useClickOutside | A composable for detecting clicks outside of specified element(s) with automatic cleanup. |
| useDelay | Schedule open and close transitions with start, stop, pause, and resume controls and a reactive view of the pending delay. |
| useDragDrop | Headless drag-and-drop primitive. Owns two registries — draggables and zones — plus the active-drag state. |
| useEventListener | A composable for handling DOM events with automatic cleanup on component unmount. |
| useHotkey | A composable for handling hotkey combinations and sequences with platform-aware modifiers and automatic cleanup. |
| useImage | Tracks image loading state as a reactive state machine with idle, loading, loaded, and error states. |
| useIntersectionObserver | A composable for detecting when elements enter or leave the viewport using the Intersection Observer API with automatic cleanup. |
| useLazy | A composable for deferring content rendering until first activation, with optional reset on deactivation. |
| useMediaQuery | A composable for reactive CSS media query matching with automatic cleanup. |
| useMutationObserver | A composable for detecting DOM changes using the Mutation Observer API with automatic cleanup. |
| usePopover | A composable for native popover API behavior with CSS anchor positioning. |
| usePresence | Animation-agnostic mount lifecycle management. |
| useRaf | Throttles callbacks to the next animation frame with cancel-then-request deduplication. Cleans up automatically on scope disposal. |
| useResizeObserver | A composable for detecting element size changes using the Resize Observer API with automatic cleanup. |
| useRovingFocus | Keyboard navigation for composite widgets where arrow keys move focus between items, skipping disabled ones. |
| useTimer | A reactive timer composable with pause/resume support and remaining time tracking. |
| useToggleScope | A composable for conditionally managing Vue effect scopes based on reactive boolean conditions with automatic cleanup. |
| useVirtualFocus | A composable for keyboard navigation where DOM focus stays on a single control element while a visual highlight moves across items. |
Transformers
| Composable | Description |
|---|---|
| toArray | Coerces any value — including |
| toElement | Resolves refs, getters, raw DOM elements, or Vue component instances to a single |
| toHighlight | Splits text into matched and unmatched chunks, returning a plain |
| toReactive | Converts a |