Skip to content

VLayout

[--layout-grid-template-columns=repeat([the auto-sizing mapped value], minmax([the column-basis mapped value], 1fr))] - Controls the grid-template-columns of the layout.

Props

NameTypeDescription
auto-sizingEnum:
fill
fit
Controls how the grid's behaves with empty column tracks
column-basisEnum:
small
medium
large
block
Controls the min-width of columns
column-spacingEnum:
small
medium
large
Controls the size of the spacing between columns
guttersEnum:
small
medium
large
Controls the amount of margin around the component
row-spacingEnum:
small
medium
large
sets the initial preferred spacing of a row from predefined available options

Slots

NameDescription
defaultDefault slot.