Grid list

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

Utilização

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

props

Nome

align-baseline

Padrão

false

Tipos

Boolean

Framework.GridLists.

Nome

align-center

Padrão

false

Tipos

Boolean

Framework.GridLists.

Nome

align-content-center

Padrão

false

Tipos

Boolean

Framework.GridLists.

Nome

align-content-end

Padrão

false

Tipos

Boolean

Framework.GridLists.

Nome

align-content-space-around

Padrão

false

Tipos

Boolean

Framework.GridLists.

Nome

align-content-space-between

Padrão

false

Tipos

Boolean

Framework.GridLists.

Nome

align-content-start

Padrão

false

Tipos

Boolean

Framework.GridLists.

Nome

align-end

Padrão

false

Tipos

Boolean

Framework.GridLists.

Nome

align-start

Padrão

false

Tipos

Boolean

Framework.GridLists.

Nome

d-{type}

Padrão

false

Tipos

Boolean

Framework.GridLists.

Nome

fill-height

Padrão

false

Tipos

Boolean

Framework.GridLists.

Nome

fluid

Padrão

false

Tipos

Boolean

Framework.GridLists.

Nome

grid-list-{xs through xl}

Padrão

false

Tipos

Boolean

Framework.GridLists.

Nome

Padrão

undefined

Tipos

string

Define o id no DOM do componente

Nome

justify-center

Padrão

false

Tipos

Boolean

Framework.GridLists.

Nome

justify-end

Padrão

false

Tipos

Boolean

Framework.GridLists.

Nome

justify-space-around

Padrão

false

Tipos

Boolean

Framework.GridLists.

Nome

justify-space-between

Padrão

false

Tipos

Boolean

Framework.GridLists.

Nome

justify-start

Padrão

false

Tipos

Boolean

Framework.GridLists.

Nome

tag

Padrão

div

Tipos

String

Framework.GridLists.

Exemplos

Grid lists

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

Up Next

Edit this page | language on Github

— Contribution Guide