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

v-container
Name
align-baseline
Default
false
Type
Boolean
Name
align-center
Default
false
Type
Boolean
Name
align-content-center
Default
false
Type
Boolean
Name
align-content-end
Default
false
Type
Boolean
Name
align-content-space-around
Default
false
Type
Boolean
Name
align-content-space-between
Default
false
Type
Boolean
Name
align-content-start
Default
false
Type
Boolean
Name
align-end
Default
false
Type
Boolean
Name
align-start
Default
false
Type
Boolean
Name
d-{type}
Default
false
Type
Boolean
Name
fill-height
Default
false
Type
Boolean
Name
fluid
Default
false
Type
Boolean
Name
grid-list-{xs through xl}
Default
false
Type
Boolean
Name
id
Default
undefined
Type
string

Sets the DOM id on the component

Name
justify-center
Default
false
Type
Boolean
Name
justify-end
Default
false
Type
Boolean
Name
justify-space-around
Default
false
Type
Boolean
Name
justify-space-between
Default
false
Type
Boolean
Name
justify-start
Default
false
Type
Boolean
Name
tag
Default
div
Type
String

Specify a custom tag to use on the component

Examples

Grid lists

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