Divider

El componente v-divider se usa para separar secciones de las listas.

Uso

Full bleed dividers extend the entire content width.

API

v-divider
Nombre
dark
Default
false
Type
boolean

Aplica la variante del tema dark

Nombre
inset
Default
false
Type
boolean

Agrega indentación (72px) para los dividers normales, reduce la altura máxima en el caso de los verticales

Nombre
light
Default
false
Type
boolean

Aplica la variante del tema light

Nombre
vertical New in — v1.1
Default
false
Type
boolean

Crea un divider vertical

Ejemplos

Claro y oscuro

Los Dividers tienen variantes light y dark.

Inset dividers

Los inset dividers se mueven 72px hacia la derecha arriba. Esto causará que se alineen con los items de la lista..

Subheaders y dividers

Los subheaders pueden alinearse con los inset dividers usando la misma prop..

List dividers

Los inset dividers y los subheaders pueden ayudar a separar el contenido.

Dividers en modo Portrait

Crea cards personalizadas para que se ajusten a cualquier caso de uso

Dividers en modo vertical

Los dividers verticales te dan aun más herramientas para layouts únicos.

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