display

open fun display(value: DisplayValues.() -> DisplayProperty)
Content copied to clipboard

This function sets the display property of a component for all media devices.

If you want to create a flex- or grid-layout prefer to use the specialized `dev.fritz2.styling.components.flexBox` and `dev.fritz2.styling.components.gridBox` factory functions in order to create a box, that has this property already set.

example calls:

display { inline } // use predefined symbols
display { block }
// Try to avoid
display { flex }

Parameters

value

extension function parameter to bring the predefined values of DisplayValues into the scope of the functional expression

open fun display(sm: DisplayValues.() -> DisplayProperty? = null, md: DisplayValues.() -> DisplayProperty? = null, lg: DisplayValues.() -> DisplayProperty? = null, xl: DisplayValues.() -> DisplayProperty? = null)
Content copied to clipboard

This function sets the display property of a component for each media device independently.

If you want to create a flex- or grid-layout prefer to use the specialized `dev.fritz2.components.flexBox` and `dev.fritz2.components.gridBox` factory functions in order to create a box, that has this property already set.

example calls:

display { inline } // use predefined symbols
display { block }
// Try to avoid
display { flex }

Parameters

sm

extension function parameter to bring the predefined values of DisplayValues into the scope of the functional expression for small media devices

md

extension function parameter to bring the predefined values of DisplayValues into the scope of the functional expression for medium sized media devices

lg

extension function parameter to bring the predefined values of DisplayValues into the scope of the functional expression for large media devices

xl

extension function parameter to bring the predefined values of DisplayValues into the scope of the functional expression for extra large media devices