compose-multiplatform-html-unified-common/com.huanshankeji.compose.foundation.layout.ext

Package-level declarations

Types

interface BoxWithConstraintsScope : BoxScope

class BoxWithConstraintsScopeImpl(val platformBoxScope: BoxScope, val maxWidth: Dp, val maxHeight: Dp) : BoxWithConstraintsScope

@Stable

class BoxWithConstraintsScopeImpl(val platformBoxScope: BoxScope, val maxWidth: Dp, val maxHeight: Dp) : BoxWithConstraintsScope

Properties

cssHeightStretchValueBrowserDependent

val cssHeightStretchValueBrowserDependent: String

cssWidthStretchValueBrowserDependent

val cssWidthStretchValueBrowserDependent: String

Functions

absoluteInnerPadding

@Stable

expect fun Modifier.absoluteInnerPadding(left: Dp = 0.dp, top: Dp = 0.dp, right: Dp = 0.dp, bottom: Dp = 0.dp): Modifier

See the KDoc of the overload with one Dp parameter for platform differences.

@Stable

actual fun Modifier.absoluteInnerPadding(left: Dp, top: Dp, right: Dp, bottom: Dp): Modifier

@Stable

actual fun Modifier.absoluteInnerPadding(left: Dp, top: Dp, right: Dp, bottom: Dp): Modifier

absoluteOuterPadding

@Stable

expect fun Modifier.absoluteOuterPadding(left: Dp = 0.dp, top: Dp = 0.dp, right: Dp = 0.dp, bottom: Dp = 0.dp): Modifier

See the KDoc of the overload with one Dp parameter for platform differences.

@Stable

actual fun Modifier.absoluteOuterPadding(left: Dp, top: Dp, right: Dp, bottom: Dp): Modifier

@Stable

actual fun Modifier.absoluteOuterPadding(left: Dp, top: Dp, right: Dp, bottom: Dp): Modifier

BoxWithConstraints

@Composable

expect fun BoxWithConstraints(modifier: Modifier = Modifier, contentAlignment: Alignment = Alignment.TopStart, content: @Composable BoxWithConstraintsScope.() -> Unit)

@Composable

actual fun BoxWithConstraints(modifier: Modifier, contentAlignment: Alignment, content: BoxWithConstraintsScope.() -> Unit)

@Composable

actual fun BoxWithConstraints(modifier: Modifier, contentAlignment: Alignment, content: BoxWithConstraintsScope.() -> Unit)

DivBox

@Composable

fun DivBox(modifier: PlatformModifier = PlatformModifier, content: ContentBuilder<HTMLDivElement>? = null)

Delegates to Div without com.varabyte.kobweb.compose.ui.Modifier.imitateComposeUiLayout.

fillMaxHeightStretch

@Stable

expect fun Modifier.fillMaxHeightStretch(): Modifier

Similar to fillMaxHeight but delegates to the stretch CSS value on JS DOM.

@Stable

actual fun Modifier.fillMaxHeightStretch(): Modifier

@Stable

actual fun Modifier.fillMaxHeightStretch(): Modifier

fillMaxSizeStretch

@Stable

expect fun Modifier.fillMaxSizeStretch(): Modifier

Similar to fillMaxSize but delegates to the stretch CSS value on JS DOM.

@Stable

actual fun Modifier.fillMaxSizeStretch(): Modifier

@Stable

actual fun Modifier.fillMaxSizeStretch(): Modifier

fillMaxWidthStretch

@Stable

expect fun Modifier.fillMaxWidthStretch(): Modifier

Similar to fillMaxWidth but delegates to the stretch CSS value on JS DOM. See https://developer.mozilla.org/en-US/docs/Web/CSS/width#stretch.

@Stable

actual fun Modifier.fillMaxWidthStretch(): Modifier

@Stable

actual fun Modifier.fillMaxWidthStretch(): Modifier

heightStretch

fun StyleScope.heightStretch()

HorizontalScrollBox

@Composable

expect fun HorizontalScrollBox(containerModifier: Modifier = Modifier, contentModifier: Modifier = Modifier, contentAlignment: Alignment = Alignment.TopStart, content: @Composable BoxScope.() -> Unit)

@Composable

actual fun HorizontalScrollBox(containerModifier: Modifier, contentModifier: Modifier, contentAlignment: Alignment, content: BoxScope.() -> Unit)

@Composable

actual fun HorizontalScrollBox(containerModifier: Modifier, contentModifier: Modifier, contentAlignment: Alignment, content: BoxScope.() -> Unit)

HorizontalScrollRow

@Composable

expect fun HorizontalScrollRow(containerModifier: Modifier = Modifier, contentModifier: Modifier = Modifier, horizontalArrangement: Arrangement.Horizontal = Arrangement.Start, verticalAlignment: Alignment.Vertical = Alignment.Top, content: @Composable RowScope.() -> Unit)

@Composable

actual fun HorizontalScrollRow(containerModifier: Modifier, contentModifier: Modifier, horizontalArrangement: Arrangement.Horizontal, verticalAlignment: Alignment.Vertical, content: RowScope.() -> Unit)

@Composable

innerPadding

@Stable

expect fun Modifier.innerPadding(all: Dp): Modifier

This delegates to the CSS padding property on JS DOM and adds the padding inside. For consistency on different platforms, please use it as the last modifier after the other modifiers such as background and clickable. See the KDoc of the padding overload with one Dp parameter for more information.

@Stable

expect fun Modifier.innerPadding(paddingValues: PaddingValues): Modifier

@Stable

expect fun Modifier.innerPadding(horizontal: Dp = 0.dp, vertical: Dp = 0.dp): Modifier

@Stable

expect fun Modifier.innerPadding(start: Dp = 0.dp, top: Dp = 0.dp, end: Dp = 0.dp, bottom: Dp = 0.dp): Modifier

See the KDoc of the overload with one Dp parameter for platform differences.

@Stable

actual fun Modifier.innerPadding(all: Dp): Modifier

@Stable

actual fun Modifier.innerPadding(paddingValues: PaddingValues): Modifier

@Stable

actual fun Modifier.innerPadding(horizontal: Dp, vertical: Dp): Modifier

@Stable

actual fun Modifier.innerPadding(start: Dp, top: Dp, end: Dp, bottom: Dp): Modifier

@Stable

actual fun Modifier.innerPadding(all: Dp): Modifier

@Stable

actual fun Modifier.innerPadding(paddingValues: PaddingValues): Modifier

@Stable

actual fun Modifier.innerPadding(horizontal: Dp, vertical: Dp): Modifier

@Stable

actual fun Modifier.innerPadding(start: Dp, top: Dp, end: Dp, bottom: Dp): Modifier

KobwebBox

@Composable

fun KobwebBox(modifier: CommonModifier = CommonModifier, contentAlignment: Alignment, content: @Composable BoxScope.() -> Unit = {})

@Composable

fun KobwebBox(modifier: PlatformModifier = PlatformModifier, contentAlignment: Alignment = PlatformAlignment.TopStart, ref: ElementRefScope<HTMLElement>? = null, content: @Composable BoxScope.() -> Unit = {})

Delegates to Box without com.varabyte.kobweb.compose.ui.Modifier.imitateComposeUiLayout.

outerPadding

@Stable

expect fun Modifier.outerPadding(all: Dp): Modifier

This delegates to the CSS margin property on JS DOM and adds the padding outside. For consistency on different platforms, please use it as the first modifier before the other modifiers such as background and clickable.

@Stable

expect fun Modifier.outerPadding(paddingValues: PaddingValues): Modifier

@Stable

expect fun Modifier.outerPadding(horizontal: Dp = 0.dp, vertical: Dp = 0.dp): Modifier

@Stable

expect fun Modifier.outerPadding(start: Dp = 0.dp, top: Dp = 0.dp, end: Dp = 0.dp, bottom: Dp = 0.dp): Modifier

See the KDoc of the overload with one Dp parameter for platform differences.

@Stable

actual fun Modifier.outerPadding(all: Dp): Modifier

@Stable

actual fun Modifier.outerPadding(paddingValues: PaddingValues): Modifier

@Stable

actual fun Modifier.outerPadding(horizontal: Dp, vertical: Dp): Modifier

@Stable

actual fun Modifier.outerPadding(start: Dp, top: Dp, end: Dp, bottom: Dp): Modifier

@Stable

actual fun Modifier.outerPadding(all: Dp): Modifier

@Stable

actual fun Modifier.outerPadding(paddingValues: PaddingValues): Modifier

@Stable

actual fun Modifier.outerPadding(horizontal: Dp, vertical: Dp): Modifier

@Stable

actual fun Modifier.outerPadding(start: Dp, top: Dp, end: Dp, bottom: Dp): Modifier

VerticalScrollBox

@Composable

expect fun VerticalScrollBox(containerModifier: Modifier = Modifier, contentModifier: Modifier = Modifier, contentAlignment: Alignment = Alignment.TopStart, content: @Composable BoxScope.() -> Unit)

@Composable

actual fun VerticalScrollBox(containerModifier: Modifier, contentModifier: Modifier, contentAlignment: Alignment, content: BoxScope.() -> Unit)

@Composable

actual fun VerticalScrollBox(containerModifier: Modifier, contentModifier: Modifier, contentAlignment: Alignment, content: BoxScope.() -> Unit)

VerticalScrollColumn

@Composable

expect fun VerticalScrollColumn(containerModifier: Modifier = Modifier, contentModifier: Modifier = Modifier, verticalArrangement: Arrangement.Vertical = Arrangement.Top, horizontalAlignment: Alignment.Horizontal = Alignment.Start, content: @Composable ColumnScope.() -> Unit)

@Composable

actual fun VerticalScrollColumn(containerModifier: Modifier, contentModifier: Modifier, verticalArrangement: Arrangement.Vertical, horizontalAlignment: Alignment.Horizontal, content: ColumnScope.() -> Unit)

@Composable

widthStretch

fun StyleScope.widthStretch()