Flex Item Context
@ExperimentalCoroutinesApi
Content copied to clipboard
This context interface offers functions to style elements of a flex layout.
It does not configure the flex template / container itself. This should be done by Flexbox functions!
This interface offers all the inherited functions of SelfAlignment that corresponds to the CSS alignment module.
This class offers functions to set the order of appearance, the growth, the shrinking and the initial size.
This enables the definition of a layout item like this:
flex {
order { 2 } // element will appear after those with _lower_ values, independently of the position within the
// DOM-Node!
grow { 1 } // factor of growth
shrink { 1 } // factor of shrinking
basis { "10em" } // width of the element
}Content copied to clipboard
Parameters
style Params
basic context scope interface
self Alignment
common alignment functions for child elements
target
the defined output StringBuilder to write the generated CSS into
Constructors
Link copied to clipboard
fun FlexItemContext( styleParams: StyleParams, selfAlignment: SelfAlignment, target: StringBuilder)
Content copied to clipboard
Functions
Link copied to clipboard
open override fun alignSelf(value: SelfAlignItemsValues.() -> SelfAlignItemProperty)
Content copied to clipboard
This function sets the self-align property
Link copied to clipboard
This function sets the flex-basis CSS property.
Link copied to clipboard
This function sets the flex-shrink CSS property.