Settings
Theme
Light
Dark
System
Mixed
Direction
LTR
RTL
API
Link Only
Inline
Introduction
Why Vuetify?
Long-term support
Roadmap
Meet the team
Sponsors and backers
Professional support
For Enterprise
Getting started
Installation
Wireframes
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
Border radius
Material color palette
Content styles
Display helpers
CSS Elevation helpers
CSS Flex helpers
CSS Float helpers
CSS Overflow helpers
Sizing
CSS Spacing helpers
Text and typography
Transitions
Components
All Components
Alerts
Aspect ratios
Avatars
Badges
Banners
Breadcrumbs
Buttons
Cards
Carousels
Chips
Color pickers
Dividers
Expansion panels
Form inputs & controls
Autocompletes
Checkboxes
Combobox
File inputs
Forms
Custom inputs
Radio buttons
Selects
Sliders
Range sliders
Switches
Textareas
Text fields
Grids
Groups
Button toggles
Chip groups
Item groups
Slide groups
Windows
Hover
Icons
Images
Layout
Application
App bars
Bottom navigation
Footers
Navigation drawers
System bars
Lazy
Lists
No SSR
Overlays
Custom Overlays
Dialogs
Menus
Tooltips
Pagination
Parallax
Progress
Progress circular
Progress linear
Providers
Defaults providers
Locale providers
Theme providers
Ratings
Sheets
Snackbars
Tables
Tabs
Timelines
Toolbars
API
click-outside
intersect
mutate
resize
ripple
scroll
touch
use-display
use-layout
use-locale
use-rtl
use-theme
v-alert-title
v-alert
v-app-bar-nav-icon
v-app-bar-title
v-app-bar
v-app
v-autocomplete
v-avatar
v-badge
v-banner-actions
v-banner-text
v-banner
v-bottom-navigation
v-breadcrumbs-divider
v-breadcrumbs-item
v-breadcrumbs
v-btn-group
v-btn-toggle
v-btn
v-card-actions
v-card-item
v-card-subtitle
v-card-text
v-card-title
v-card
v-carousel-item
v-carousel
v-checkbox-btn
v-checkbox
v-chip-group
v-chip
v-class-icon
v-code
v-col
v-color-picker
v-combobox
v-component-icon
v-container
v-counter
v-defaults-provider
v-dialog-bottom-transition
v-dialog-top-transition
v-dialog-transition
v-dialog
v-divider
v-expand-transition
v-expand-x-transition
v-expansion-panel-text
v-expansion-panel-title
v-expansion-panel
v-expansion-panels
v-fab-transition
v-fade-transition
v-field-label
v-field
v-file-input
v-footer
v-form
v-hover
v-icon
v-img
v-input
v-item-group
v-item
v-kbd
v-label
v-layout-item
v-layout
v-lazy
v-ligature-icon
v-list-group
v-list-img
v-list-item-action
v-list-item-media
v-list-item-subtitle
v-list-item-title
v-list-item
v-list-subheader
v-list
v-locale-provider
v-main
v-menu
v-messages
v-navigation-drawer
v-no-ssr
v-overlay
v-pagination
v-parallax
v-progress-circular
v-progress-linear
v-radio-group
v-radio
v-range-slider
v-rating
v-responsive
v-row
v-scale-transition
v-scroll-x-reverse-transition
v-scroll-x-transition
v-scroll-y-reverse-transition
v-scroll-y-transition
v-select
v-selection-control-group
v-selection-control
v-sheet
v-slide-group-item
v-slide-group
v-slide-x-reverse-transition
v-slide-x-transition
v-slide-y-reverse-transition
v-slide-y-transition
v-slider
v-snackbar
v-spacer
v-svg-icon
v-switch
v-system-bar
v-tab
v-table
v-tabs
v-text-field
v-textarea
v-theme-provider
v-timeline-item
v-timeline
v-toolbar-items
v-toolbar-title
v-toolbar
v-tooltip
v-validation
v-window-item
v-window
Directives
Click outside
Intersection observer
Mutation observer
Resize
Ripple
Scroll
Touch
Resources
Jobs for Vue
About
Security disclosure
Code of conduct
#
v-footer API
#
Component Pages
Footers
#
Props
#
SASS Variables
Ready for more?
Continue your learning with related content selected by the
Team
or move between pages by using the navigation links below.
Vuetify — A UI Component Framework for Vue
Why Vuetify?
Contents
Component Pages
Props
SASS Variables
Become a sponsor