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
Align items to the baseline.
Align items to the center.
Align content to the center.
Align content to the end.
Align content to the space around.
Align content to the space between.
Align content to the start.
Align items to the end.
Align items to the start.
Specify to display an element as flex/inline-flex/block etc. Syntax is d-{type}. For example d-flex.
Make sure that col element height is filled with parent and child. Important for Safari/Firefox if children is column element.
Removes viewport size breakpoints
Sets the gutter between grid list items ranging from 2px to 24px
Sets the DOM id on the component
Justify content to the center.
Justify content to the end.
Justify content to the space around.
Justify content to the space between.
Justify content to the start.
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.