gap

open fun gap(value: ScaledValueProperty)

This convenience function sets the gap for the rows and columns in a grid all at once. for all media devices.

It sets the following CSS properties:

It is recommended to use the predefined properties from the theme.

Example call:

gap { small }

Parameters

value

provide a value of type ScaledValueProperty that defines the gap of the row and column, recommended to use predefined values of the theme.

open fun gap(sm: ScaledValueProperty? = null, md: ScaledValueProperty? = null, lg: ScaledValueProperty? = null, xl: ScaledValueProperty? = null)

This convenience function sets the gap for the rows and columns in a grid all at once. for each media device independently.

It sets the following CSS properties:

It is recommended to use the predefined properties from the theme.

Example call:

gap(
sm = { small },
lg = { large }
)

Parameters

sm

provide a value of type ScaledValueProperty that defines the gap of the row and column for extra large media devices, recommended to use predefined values of the theme.