Components

Vuetify Components are interactive building blocks for creating user interfaces.



alerts

Alerts convey important information to the user

avatars

Avatars are used in numerous components to display avatars and profile pictures

app-bars

The app bar is used for top level navigation items and current page actions

application

Optional root component used to easily modify theme

aspect-ratios

The aspect ratio component enforces a defined ratio

badges

Badges superscript or subscript an avatar-like icon or text onto content.

banners

Banners are used to communicate important information to the user

bottom-navigation

The bottom navigation component is used for displaying navigation links on mobile

breadcrumbs

Breadcrumbs are navigational helpers for router pages.

carousels

Carousels are used to display multiple forms of visual content

chips

Chips are useful for displaying small pieces of information

dialogs

The dialog component is used for displaying critical information

buttons

The button component allows users to take actions or make choices with a single tap

footers

The footer component is a simple navigation area with inner site links

lists

The list component is a display interface for items

navigation-drawers

Navigation drawers contain primary application navigation links

pagination

The Pagination component is used to separate long sets of data

radios

The radio component is a replacement for its native counterpart

ratings

Ratings are useful for collecting user feedback

toolbars

Typically used to hold navigation items or actions

system-bars

The system bar component shows application information with iconography, time, and more

Ready for more?

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