Space

@ExperimentalCoroutinesApi()
interface Space : StyleParams

This context interface offers functions to style the space related CSS properties of a component.

It offers functions to define padding and margin properties.

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

Functions

equals
Link copied to clipboard
js
open operator fun equals(other: Any?): Boolean
hashCode
Link copied to clipboard
js
open fun hashCode(): Int
margin
Link copied to clipboard
js
open fun margin(value: ScaledValueProperty)
This function sets the margin property.
open fun margin(sm: ScaledValueProperty? = null, md: ScaledValueProperty? = null, lg: ScaledValueProperty? = null, xl: ScaledValueProperty? = null)
This function sets the margin property for each media device independently.
margins
Link copied to clipboard
js
open fun margins(value: SpacesContext.() -> Unit)
This function opens the context for defining the margin related properties.
open fun margins(sm: SpacesContext.() -> Unit? = null, md: SpacesContext.() -> Unit? = null, lg: SpacesContext.() -> Unit? = null, xl: SpacesContext.() -> Unit? = null)
This function opens the context for defining the margin related properties for each media device independently.
padding
Link copied to clipboard
js
open fun padding(value: ScaledValueProperty)
This function sets the padding propertyExample call:
padding { small }
open fun padding(sm: ScaledValueProperty? = null, md: ScaledValueProperty? = null, lg: ScaledValueProperty? = null, xl: ScaledValueProperty? = null)
This function sets the padding property for each media device independently.
paddings
Link copied to clipboard
js
open fun paddings(value: SpacesContext.() -> Unit)
This function opens the context for defining the padding related properties.
open fun paddings(sm: SpacesContext.() -> Unit? = null, md: SpacesContext.() -> Unit? = null, lg: SpacesContext.() -> Unit? = null, xl: SpacesContext.() -> Unit? = null)
This function opens the context for defining the padding related properties 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

BasicParams
Link copied to clipboard