Grid list

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

Usage

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

Name

align-baseline

Default

false

Type

Boolean

Framework.GridLists.

Name

align-center

Default

false

Type

Boolean

Framework.GridLists.

Name

align-content-center

Default

false

Type

Boolean

Framework.GridLists.

Name

align-content-end

Default

false

Type

Boolean

Framework.GridLists.

Name

align-content-space-around

Default

false

Type

Boolean

Framework.GridLists.

Name

align-content-space-between

Default

false

Type

Boolean

Framework.GridLists.

Name

align-content-start

Default

false

Type

Boolean

Framework.GridLists.

Name

align-end

Default

false

Type

Boolean

Framework.GridLists.

Name

align-start

Default

false

Type

Boolean

Framework.GridLists.

Name

d-{type}

Default

false

Type

Boolean

Framework.GridLists.

Name

fill-height

Default

false

Type

Boolean

Framework.GridLists.

Name

fluid

Default

false

Type

Boolean

Framework.GridLists.

Name

grid-list-{xs through xl}

Default

false

Type

Boolean

Framework.GridLists.

Name

Default

undefined

Type

string

Framework.GridLists.

Name

justify-center

Default

false

Type

Boolean

Framework.GridLists.

Name

justify-end

Default

false

Type

Boolean

Framework.GridLists.

Name

justify-space-around

Default

false

Type

Boolean

Framework.GridLists.

Name

justify-space-between

Default

false

Type

Boolean

Framework.GridLists.

Name

justify-start

Default

false

Type

Boolean

Framework.GridLists.

Name

tag

Default

div

Type

String

Framework.GridLists.

Examples

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