Documentation settings

Theme

Customize your documentation experience with light and dark themes, as well as a combination of both named.

Light

Dark

System

Dark code blocks

Change all code blocks to use a dark theme.

Vuetify One Themes

Available offline

Install a service worker to cache the entire site locally.

Downloading: 0 / 0

Downloading: 0 / 0

Enable pins

NEW

Bookmark and access vital documentation pages for a more efficient workflow.

Rail drawer

Show the navigation drawer as a rail that expands on hover

Enable Composition API

Determines the script shown in code examples for components.

Enable Inline API

Display API tables inline on documentation pages.

Use / for Search hotkey

This option sets the bound search key to '/' from Cmd/Ctrl+K.

Developer mode

Developer mode enables new features and functionality within the documentation that are still in development.

Latest release

Documentation Build

Latest commit

BlogPlayground One

Introduction

Long-term support

Sponsors and backers

Professional support

Getting started

Frequently asked questions

Browser support

Features

Accessibility (a11y)

Application layout

CSS Utilities

UnoCSS + Vuetify preset

UnoCSS + presetWind4

Display & Platform

Global configuration

Internationalization (i18n)

Programmatic scrolling

Styles and animations

Material color palette

Utility classes

Text and typography

Common concepts

Density and sizing

Components

Browse Components

Containment

Expansion panels

Navigation

Bottom navigation

Floating Action Buttons

Navigation drawers

Form inputs & controls

Data & display

Data tables

Guide

Data and Display

Types

Server side tables

Infinite scrollers

Virtual scrollers

Grids

Selection

Feedback

Progress circular

Progress linear

Skeleton loaders

Images & icons

Pickers

Providers

Defaults providers

Locale providers

Theme providers

Miscellaneous

API

v-click-outside

VBottomNavigation

VBreadcrumbsDivider

VBreadcrumbsItem

VCommandPalette

VCommandPaletteItem

VDataTableFooter

VDataTableHeaders

VDataTableServer

VDataTableVirtual

VDatePickerControls

VDatePickerHeader

VDatePickerMonth

VDatePickerMonths

VDatePickerYears

VDefaultsProvider

VDialogBottomTransition

VDialogTopTransition

VDialogTransition

VExpandBothTransition

VExpandTransition

VExpandXTransition

VExpansionPanel

VExpansionPanels

VExpansionPanelText

VExpansionPanelTitle

VFadeTransition

VFileUploadDropzone

VFileUploadItem

VFileUploadList

VInfiniteScroll

VListItemAction

VListItemSubtitle

VLocaleProvider

VNavigationDrawer

VProgressCircular

VProgressLinear

VScaleTransition

VScrollXReverseTransition

VScrollXTransition

VScrollYReverseTransition

VScrollYTransition

VSelectionControl

VSelectionControlGroup

VSkeletonLoader

VSlideGroupItem

VSlideXReverseTransition

VSlideXTransition

VSlideYReverseTransition

VSlideYTransition

VStepperActions

VStepperVertical

VStepperVerticalActions

VStepperVerticalItem

VStepperWindowItem

VTabsWindowItem

VTimePickerClock

VTimePickerControls

Directives

Intersection observer

Mutation observer

Labs

Command Palettes

Pull To Refresh

Steppers Vertical

Validation rules

Resources

Made with Vuetify

Guides

About

Code of conduct

Security disclosure

Made with Vuetify

Check out these amazing projects built using Vuetify.

Copy Page as Markdown

ads via vuetify

Powered By

Ready for more?

Continue your learning with related content selected by the Team or move between pages by using the navigation links below.

Getting started