Divider

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

Utilização

Full bleed dividers extend the entire content width.

API

v-divider
Nome
dark
Padrão
false
Tipos
boolean

Components.Dividers.

Nome
inset
Padrão
false
Tipos
boolean

Components.Dividers.

Nome
light
Padrão
false
Tipos
boolean

Components.Dividers.

Nome
vertical New in — v1.1
Padrão
false
Tipos
boolean

Components.Dividers.

Exemplos

Light and dark

Dividers have light and dark variants.

Inset dividers

Inset dividers are moved 72px to the right. This will cause them to line up with list items.

Subheaders and dividers

Subheaders can be lined up with inset dividers by using the same prop.

List dividers

Inset dividers and subheaders can help break up content

Dividers in Portrait View

Create custom cards to fit any use-case

Vertical dividers

Vertical dividers give you even more tools for unique layouts.

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