Settings
Theme
Customize your documentation experience with light and dark themes, as well as a combination of both named.
Light
Dark
System
Blackguard
Dark code blocks
Change all code blocks to use a dark theme.
General
Enable composition API for examples, show component API inline, and more.
Disable Ads
Disable advertisements on documentation pages. This option unlocks with any GitHub sponsorship of $1 or more.
Login w/ GitHub
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
v3.4.0-alpha.1
Documentation Build
44ee8ed
You are viewing the documentation for
Vuetify 3
Go to Vuetify 2
Introduction
Why Vuetify?
Long-term support
Roadmap
Sponsors and backers
Professional support
For Enterprise
Getting started
Installation
Frequently asked questions
Wireframes
Unit testing
Browser support
Upgrade guide
Release notes
Contributing
Features
Aliasing
Application layout
Blueprints
Display & Platform
Global configuration
Icon Fonts
Internationalization (i18n)
SASS variables
Theme
Treeshaking
Styles and animations
CSS Reset
Transitions
Material color palette
Utility classes
Border radius
Content
Display
Elevation
Flex
Float
Overflow
Sizing
Spacing
Text and typography
Components
All Components
API Explorer
Browse Components
Containment
Buttons
Cards
Chips
Dialogs
Dividers
Expansion panels
Lists
Menus
Overlays
Sheets
Toolbars
Tooltips
Navigation
App bars
Bottom navigation
Breadcrumbs
Footers
Navigation drawers
Pagination
System bars
Tabs
Form inputs & controls
Autocompletes
Checkboxes
Combobox
File inputs
Forms
Custom inputs
Radio buttons
Range sliders
Selects
Sliders
Switches
Text fields
Textareas
Data & display
Tables
Virtual scrollers
Grids
Grids
Selection
Button toggles
Carousels
Chip groups
Item groups
Slide groups
Windows
Feedback
Alerts
Badges
Banners
Hover
Progress circular
Progress linear
Ratings
Snackbars
Timelines
Images & icons
Aspect ratios
Avatars
Icons
Images
Parallax
Pickers
Color pickers
Providers
Defaults providers
Locale providers
Theme providers
Miscellaneous
Lazy
No SSR
API
useDate
useDefaults
useDisplay
useLayout
useLocale
useRtl
useTheme
v-click-outside
v-intersect
v-mutate
v-resize
v-ripple
v-scroll
v-touch
VAlert
VAlertTitle
VApp
VAppBar
VAppBarNavIcon
VAppBarTitle
VAutocomplete
VAvatar
VBadge
VBanner
VBannerActions
VBannerText
VBottomNavigation
VBottomSheet
VBreadcrumbs
VBreadcrumbsDivider
VBreadcrumbsItem
VBtn
VBtnGroup
VBtnToggle
VCard
VCardActions
VCardItem
VCardSubtitle
VCardText
VCardTitle
VCarousel
VCarouselItem
VCheckbox
VCheckboxBtn
VChip
VChipGroup
VClassIcon
VCode
VCol
VColorPicker
VCombobox
VComponentIcon
VContainer
VCounter
VDataIterator
VDataTable
VDataTableFooter
VDataTableRow
VDataTableRows
VDataTableServer
VDataTableVirtual
VDateCard
VDatePicker
VDatePickerControls
VDatePickerHeader
VDatePickerMonth
VDatePickerYears
VDefaultsProvider
VDialog
VDialogBottomTransition
VDialogTopTransition
VDialogTransition
VDivider
VExpandTransition
VExpandXTransition
VExpansionPanel
VExpansionPanels
VExpansionPanelText
VExpansionPanelTitle
VFabTransition
VFadeTransition
VField
VFieldLabel
VFileInput
VFooter
VForm
VHover
VIcon
VImg
VInfiniteScroll
VInput
VItem
VItemGroup
VKbd
VLabel
VLayout
VLayoutItem
VLazy
VLigatureIcon
VList
VListGroup
VListImg
VListItem
VListItemAction
VListItemMedia
VListItemSubtitle
VListItemTitle
VListSubheader
VLocaleProvider
VMain
VMenu
VMessages
VNavigationDrawer
VNoSsr
VOtpInput
VOverlay
VPagination
VParallax
VPicker
VPickerTitle
VProgressCircular
VProgressLinear
VRadio
VRadioGroup
VRangeSlider
VRating
VResponsive
VRow
VScaleTransition
VScrollXReverseTransition
VScrollXTransition
VScrollYReverseTransition
VScrollYTransition
VSelect
VSelectionControl
VSelectionControlGroup
VSheet
VSkeletonLoader
VSlideGroup
VSlideGroupItem
VSlider
VSlideXReverseTransition
VSlideXTransition
VSlideYReverseTransition
VSlideYTransition
VSnackbar
VSpacer
VStepper
VStepperActions
VStepperHeader
VStepperItem
VStepperWindow
VStepperWindowItem
VSvgIcon
VSwitch
VSystemBar
VTab
VTable
VTabs
VTextarea
VTextField
VThemeProvider
VTimeline
VTimelineItem
VToolbar
VToolbarItems
VToolbarTitle
VTooltip
VValidation
VVirtualScroll
VWindow
VWindowItem
Directives
Click outside
Intersection observer
Mutation observer
Resize
Ripple
Scroll
Touch
Labs
Introduction
Bottom sheets
Data iterators
Data tables
Basics
Headers
Selection
Sorting
Pagination
Filtering
Grouping
Slots
Virtual tables
Server side tables
Dates
Date pickers
Infinite scrollers
OTP Input
Skeleton loaders
Steppers
Resources
Jobs for Vue
Vuetify UI Kits
Vuetify Themes
Search Engine
Brand Kit
About
Meet the team
Security disclosure
Code of conduct
Login w/ GitHub
#
Release notes
The Vuetify team performs releases on a weekly basis.
Select Release Version
Select Release Version
Ready for more?
Continue your learning with related content selected by the
Team
or move between pages by using the navigation links below.
Long-term support
Introduction
Contributing
Getting started
Roadmap
Introduction
Upgrade guide
Contributing
Edit this page on
GitHub