kobweb-compose/com.varabyte.kobweb.compose.ui

Package-level declarations

Types

sealed interface Alignment

class AttrsModifier(attrs: AttrsScope<*>.() -> Unit) : WebModifier

A modifier element which works by setting CSS styles and/or attributes when it is applied.

interface Modifier

A parent interface that represents a collection of zero (or more) modifier elements.

class StyleModifier(styles: StyleScope.() -> Unit) : WebModifier

A modifier element that works by CSS styles when it is applied.

fun Modifier.attrsModifier(attrs: AttrsScope<*>.() -> Unit): Modifier

fun Modifier.styleModifier(styles: StyleScope.() -> Unit): Modifier

Like then but the other modifier is only applied if the condition is true.

inline fun Modifier.thenIf(condition: Boolean, lazyProduce: () -> Modifier): Modifier

Like the version of thenIf which takes in a modifier directly, but it produces that modifier lazily.

inline fun <T> Modifier.thenIfNotNull(value: T?, consume: (T) -> Modifier): Modifier

Like thenIf but with an inverted condition.

inline fun Modifier.thenUnless(condition: Boolean, lazyProduce: () -> Modifier): Modifier

Like the version of thenUnless which takes in a modifier directly, but it produces that modifier lazily.

fun <A : AttrsScope<Element>> Modifier.toAttrs(finalHandler: A.() -> Unit? = null): A.() -> Unit

Convert a Modifier into an AttrsScope which Compose HTML tags take as an argument, e.g. use it like so:

fun Modifier.toStyles(finalHandler: StyleScope.() -> Unit? = null): StyleScope.() -> Unit

Convert a Modifier into a StyleScope which can be used to initialize a StyleSheet, for example.