Subheaders

The v-subheader component is used to separate sections of lists.

Usage

Subheaders work great with lists for describing the information below.

API

v-subheader
Name
dark
Default
false
Type
boolean

Applies the dark theme variant

Name
inset
Default
false
Type
boolean

Adds identation (72px)

Name
light
Default
false
Type
boolean

Applies the light theme variant

Examples

Grid subheaders

A subheader can add context to what a user is looking at.

Using a subheader can help separate different types of actions.

Subheaders with social media

Using a subheader with social media interaction.

Edit this page | language on Github
Vuetify 3 is now available!The latest version of Vuetify is now available!
Learn about Vuetify 3's new features and functionality for modern Vue applications
Start exploringExplore