Grid list

Grid lists are an addon for the v-container component that add gutter control between items.

Uso

Grid lists augment the v-container component to allow for greater flexibility with gutters. It comes in 5 variants, from xs to xl and can be dynamically changed.

API

v-container
Nombre
align-baseline
Default
false
Type
Boolean

Framework.GridLists.

Nombre
align-center
Default
false
Type
Boolean

Framework.GridLists.

Nombre
align-content-center
Default
false
Type
Boolean

Framework.GridLists.

Nombre
align-content-end
Default
false
Type
Boolean

Framework.GridLists.

Nombre
align-content-space-around
Default
false
Type
Boolean

Framework.GridLists.

Nombre
align-content-space-between
Default
false
Type
Boolean

Framework.GridLists.

Nombre
align-content-start
Default
false
Type
Boolean

Framework.GridLists.

Nombre
align-end
Default
false
Type
Boolean

Framework.GridLists.

Nombre
align-start
Default
false
Type
Boolean

Framework.GridLists.

Nombre
d-{type}
Default
false
Type
Boolean

Framework.GridLists.

Nombre
fill-height
Default
false
Type
Boolean

Framework.GridLists.

Nombre
fluid
Default
false
Type
Boolean

Framework.GridLists.

Nombre
grid-list-{xs through xl}
Default
false
Type
Boolean

Framework.GridLists.

Nombre
id
Default
undefined
Type
string

Configura el id del DOM en el componente

Nombre
justify-center
Default
false
Type
Boolean

Framework.GridLists.

Nombre
justify-end
Default
false
Type
Boolean

Framework.GridLists.

Nombre
justify-space-around
Default
false
Type
Boolean

Framework.GridLists.

Nombre
justify-space-between
Default
false
Type
Boolean

Framework.GridLists.

Nombre
justify-start
Default
false
Type
Boolean

Framework.GridLists.

Nombre
tag
Default
div
Type
String

Framework.GridLists.

Ejemplos

Grid lists

Grid lists will work seamlessly with your current grid implementation and allow you to create amazing user interfaces.

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