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

Events

NameEvent TypeDescription
blurFocusEventFires when the element loses focus.
clickMouseEventFires when a pointing device button (such as a mouse's primary mouse button) is both pressed and released while the pointer is located inside the element.
focusFocusEventFires when the element receives focus.
inputEventFires when the value of an element has been changed.
keydownKeyboardEventFires when a key is pressed.
keyupKeyboardEventFires when a key is released.

Slots

NameDescription
defaultDefault slot.