Components
Vuetify Components are interactive building blocks for creating user interfaces.
Containment
Containment components wrap other components and provide additional functionality. They are typically used to provide a consistent layout or styling.
Card components
The card component is a versatile and enhanced sheet of paper that provides a simple interface for headings, text, images, and actions
Expansion panel components
Expansion panels are used to reveal additional content in a compact manner
Dialog component
The dialog component informs a user about a specific task and may contain critical information
Overlay component
The overlay component is used to display a custom scrim that sits on top of the application
Toolbar components
Toolbars are used to label a content area and / or display a list of actions that the user can make
Tooltip component
Tooltips provide additional information about an element when the user hovers over it
Form inputs and controls
Form components are used to collect user input in a variety of ways.
Autocomplete component
Autocompletes are used to provide suggestions to the user as they type into a field
Combobox components
The combobox component is used to select a value from a list of options with the ability to enter a custom value
Text field
The text field component accepts textual input from users and is a replacement for the native text input element
File input
The file input component is used to select files from the user’s device and is a replacement for the native file input element
Form component
The form component is used to wrap form elements and provide a consistent styling and a single source for validation
Select component
The select component is used to select a value from a list of options and is a replacement for the native select element
Layouts
Layout components are used to create responsive layouts.
Selection
These components allow a user to select one or multiple items from a list of options.
Chip group
Chip group is a wrapper component that makes chips interactive and allows them to be selected
Data and display
These components are used to display data and information in a variety of ways.
Data iterator component
The data iterator component provides an easy interface for paginating and sorting data
Data table component
Data tables are used to display large amounts of data in a small amount of space
Infinite scroll component
The Infinite scroll component is a container that loads more items when scrolling
Server side table component
Server side data tables are intended to be used with a server side data source
Virtual Data table component
The virtual data table component is used to display very large subsets of data
Feedback
These components are used to provide feedback to the user within content, over content, or in response to user actions.
Skeleton loader component
Displays a content, enhancing perceived performance during data-fetching & rendering
Images and icons
This subset of components are used to display media in a variety of ways.
Pickers
These components are used to select a value from a specifically styled set of options.
Providers
Defaults provider component
The defaults provider component is used to set default values for all components within a template
Miscellaneous
These components don’t fit into a traditional category and are used for a variety of purposes.
This page is under design construction and will be updated with the missing images over time.