Skip to main content
Vuetify0 v1.0 is here
Vuetify0 Logo
Theme
Mode
Palettes
Accessibility
Vuetify One
Sign in to Vuetify One

Access premium tools across the Vuetify ecosystem — Bin, Play, Studio, and more.

Not a subscriber? See what's included

API Reference

Complete API documentation for all @vuetify/v0 components and composables.

Edit this page
Report a Bug
Open issues
Copy Markdown

BeginnerMay 5, 2026

Components

Detailed API reference for each component including props, events, and slots.

Actions

ComponentDescription
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

ComponentDescription
AlertDialog

A headless confirmation dialog that seeks user input before proceeding. Features a wait()/close() pattern for deferred close during async operations.

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

ComponentDescription
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 Intl.NumberFormat for currency, percent, and units.

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

ComponentDescription
AspectRatio

Reserves a box with a fixed width-to-height ratio using CSS aspect-ratio.

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

ComponentDescription
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

ComponentDescription
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 retry() method, and optional lazy loading via IntersectionObserver.

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 useNotifications for queue-driven stacks with auto-dismiss and pause on hover.

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

ComposableDescription
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 transfer primitive.

createPagination

A lightweight composable for managing pagination state with navigation methods and computed visible page items.

createSortable

Ordered-list state with move, swap, and reorder mutations.

createVirtual

Virtual scrolling composable for efficiently rendering large lists by only rendering visible items.

Forms

ComposableDescription
createCombobox

Low-level combobox coordinator for custom implementations. Most users should use the Combobox component instead.

createForm

Coordinates validation across multiple inputs. Provides submit(), reset(), and aggregate validity state.

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

ComposableDescription
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 [useX, provideX, defaultX] tuple for Vue's provide/inject dependency injection pattern.

Plugins

ComposableDescription
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 prefers-reduced-motion setting, with a reactive flag and a body data attribute for CSS-only consumers.

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

ComposableDescription
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

ComposableDescription
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 createRegistry with a configurable size limit.

createTokens

Design token registry with hierarchical collections, alias resolution, and namespace support.

Selection

ComposableDescription
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 createGroup, with parent-child relationships, open/close state, and pluggable traversal strategies.

createSelection

A composable for managing the selection of items in a collection with automatic indexing and lifecycle management.

createSingle

Extends createSelection to enforce single-item selection, automatically clearing the previous selection.

createStep

Extends createSingle with bounded or circular navigation. Built for wizards, multi-step forms, and onboarding flows.

Semantic

ComposableDescription
createBreadcrumbs

A composable that extends createSingle for breadcrumb navigation with automatic path truncation.

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

ComposableDescription
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

ComposableDescription
toArray

Coerces any value — including null and undefined — to an array.

toElement

Resolves refs, getters, raw DOM elements, or Vue component instances to a single Element | undefined.

toHighlight

Splits text into matched and unmatched chunks, returning a plain HighlightChunk[] for search-term highlighting.

toReactive

Converts a MaybeRef object to a reactive proxy with automatic ref unwrapping and Map/Set support.

Was this page helpful?

© 2016-1970 Vuetify, LLC
Services
Ctrl+/