Alignment

interface Alignment : StyleParams

This context interface offers functions to align or justify elements.

It used in FlexParams and GridParams .

There are overrides for all functions that enable one to define the styling for the different media devices independently.

Functions

alignContent
Link copied to clipboard
js
open fun alignContent(value: AlignContentValues.() -> AlignContentProperty)
This function sets the align-content propertyExample call:
align-content { flexStart }
open fun alignContent(sm: AlignContentValues.() -> AlignContentProperty? = null, md: AlignContentValues.() -> AlignContentProperty? = null, lg: AlignContentValues.() -> AlignContentProperty? = null, xl: AlignContentValues.() -> AlignContentProperty? = null)
This function sets the align-content property for each media device independently.
alignItems
Link copied to clipboard
js
open fun alignItems(value: AlignItemsValues.() -> AlignItemsProperty)
This function sets the align-items propertyExample call:
align-items { flexStart }
open fun alignItems(sm: AlignItemsValues.() -> AlignItemsProperty? = null, md: AlignItemsValues.() -> AlignItemsProperty? = null, lg: AlignItemsValues.() -> AlignItemsProperty? = null, xl: AlignItemsValues.() -> AlignItemsProperty? = null)
This function sets the align-items property for each media device independently.
equals
Link copied to clipboard
js
open operator fun equals(other: Any?): Boolean
hashCode
Link copied to clipboard
js
open fun hashCode(): Int
justifyContent
Link copied to clipboard
js
open fun justifyContent(value: JustifyContentValues.() -> JustifyContentProperty)
This function sets the justify-content propertyExample call:
justify-content { flexStart }
This function sets the justify-content property for each media device independently.
toString
Link copied to clipboard
js
open fun toString(): String

Properties

lgProperties
Link copied to clipboard
js
abstract val lgProperties: StringBuilder
collects the properties for large screens
mdProperties
Link copied to clipboard
js
abstract val mdProperties: StringBuilder
collects the properties for middle-sized screens
smProperties
Link copied to clipboard
js
abstract val smProperties: StringBuilder
collects the properties for small screens
xlProperties
Link copied to clipboard
js
abstract val xlProperties: StringBuilder
collects the properties for extra-large screens

Inheritors

Flexbox
Link copied to clipboard
GridLayout
Link copied to clipboard