On this page

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

Name	Type	Description
aria-current	Enum: `page` `step` `location` `date` `time` `true` `false`	Indicates the element that represents the current item within a container or set of related elements.
gutters	Enum: `small` `medium` `large`	sets the initial preferred margin from predefined available options
column-basis	Enum: `small` `medium` `large` `block`	sets the initial preferred measure of a column from predefined available options
column-spacing	Enum: `small` `medium` `large`	sets the initial preferred spacing of a column from predefined available options
row-spacing	Enum: `small` `medium` `large`	sets the initial preferred spacing of a row from predefined available options
auto-sizing	Enum: `fit` `fill`	sets the initial preferred auto-sizing from predefined available options

Events

Name	Event Type	Description
click	`MouseEvent`	Fires 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.
focus	`FocusEvent`	Fires when the element receives focus.
blur	`FocusEvent`	Fires when the element loses focus.
keydown	`KeyboardEvent`	Fires when a key is pressed.
keyup	`KeyboardEvent`	Fires when a key is released.
input	`Event`	Fires when the value of an element has been changed.

Slots

Name	Description
default	Default slot.