domposable-ui/io.github.samuolis.domposable.ui/DomposableModifier

DomposableModifier

interface DomposableModifier

Ordered portable operations. Platform adapters preserve order, including nested padding.

Inheritors

Types

object Companion : DomposableModifier

Properties

open val elements: List<DomposableModifierElement>

Ordered built-in and application-owned operations.

abstract val operations: List<DomposableModifierOperation>

Legacy built-in operation view. Custom elements are available through elements.

Functions

fun DomposableModifier.align(axis: DomposableLayoutAxis, alignment: DomposableAlignment): DomposableModifier

fun DomposableModifier.alpha(value: Float): DomposableModifier

fun DomposableModifier.aspectRatio(ratio: Float): DomposableModifier

fun DomposableModifier.background(value: DomposableColor): DomposableModifier

fun DomposableModifier.background(value: DomposableColor, shape: DomposableShape): DomposableModifier

fun DomposableModifier.background(gradient: DomposableLinearGradient, shape: DomposableShape = DomposableShape.Rectangle): DomposableModifier

fun DomposableModifier.border(width: DomposableLength, color: DomposableColor, shape: DomposableShape = DomposableShape.Rectangle): DomposableModifier

fun DomposableModifier.border(width: DomposableLength, color: DomposableColor, edge: DomposableBorderEdge): DomposableModifier

fun DomposableModifier.boxAlignment(horizontal: DomposableAlignment = DomposableAlignment.Center, vertical: DomposableAlignment = DomposableAlignment.Center): DomposableModifier

fun DomposableModifier.clickable(label: String, onClick: () -> Unit): DomposableModifier

fun DomposableModifier.clickable(onClick: () -> Unit, role: DomposableClickRole = DomposableClickRole.Button, enabled: Boolean = true, onClickLabel: String? = null): DomposableModifier

fun DomposableModifier.clip(radius: DomposableLength): DomposableModifier

fun DomposableModifier.clip(shape: DomposableShape): DomposableModifier

constrainContentWidth

fun DomposableModifier.constrainContentWidth(value: DomposableLength): DomposableModifier

contentDescription

fun DomposableModifier.contentDescription(value: String): DomposableModifier

fun DomposableModifier.fillMaxHeight(): DomposableModifier

fun DomposableModifier.fillMaxSize(): DomposableModifier

fun DomposableModifier.fillMaxWidth(): DomposableModifier

fun DomposableModifier.fillMaxWidth(fraction: Float, min: DomposableLength? = null, max: DomposableLength? = null): DomposableModifier

fun DomposableModifier.height(value: DomposableLength): DomposableModifier

fun DomposableModifier.heightIn(min: DomposableLength? = null, max: DomposableLength? = null): DomposableModifier

horizontalScroll

fun DomposableModifier.horizontalScroll(): DomposableModifier

fun DomposableModifier.horizontalScroll(state: DomposableScrollState): DomposableModifier

fun DomposableModifier.htmlAttributes(attributes: AttrsScope<*>.() -> Unit): DomposableModifier

Applies app-owned attributes and styles directly to the rendered HTML element.

fun DomposableModifier.htmlMenuAnchor(resolve: (menuElement: HTMLElement) -> HTMLElement?): DomposableModifier

Anchors an HTML menu to an existing trigger without adding a wrapper around that trigger.

htmlMenuPlacement

fun DomposableModifier.htmlMenuPlacement(placement: DomposableHtmlMenuPlacement): DomposableModifier

Prefers a side when it fits; otherwise the menu uses its normal viewport-aware placement.

fun DomposableModifier.htmlMenuPlacement(resolve: (menuElement: HTMLElement) -> DomposableHtmlMenuPlacement): DomposableModifier

Resolves the preferred side from the rendered menu root; this modifier is JS-only.

fun DomposableModifier.maxHeight(value: DomposableLength): DomposableModifier

maxViewportHeight

fun DomposableModifier.maxViewportHeight(fraction: Float = 1.0f, subtract: DomposableLength = 0.dp, unit: DomposableViewportUnit = DomposableViewportUnit.Dynamic): DomposableModifier

Caps a scrollable region without expanding shorter content.

fun DomposableModifier.maxWidth(value: DomposableLength): DomposableModifier

fun DomposableModifier.minHeight(value: DomposableLength): DomposableModifier

minViewportHeight

fun DomposableModifier.minViewportHeight(fraction: Float = 1.0f, subtract: DomposableLength = 0.dp, unit: DomposableViewportUnit = DomposableViewportUnit.Dynamic): DomposableModifier

A content-sized document that fills at least the chosen viewport height.

fun DomposableModifier.minWidth(value: DomposableLength): DomposableModifier

fun DomposableModifier.offset(x: Float, y: Float): DomposableModifier

fun DomposableModifier.padding(insets: DomposableInsets): DomposableModifier

fun DomposableModifier.padding(all: DomposableLength): DomposableModifier

fun DomposableModifier.padding(horizontal: DomposableLength, vertical: DomposableLength): DomposableModifier

Insets are logical: start/end follow the platform's layout direction.

pointerPassthrough

fun DomposableModifier.pointerPassthrough(): DomposableModifier

fun DomposableModifier.region(label: String): DomposableModifier

fun DomposableModifier.rotate(degrees: Float): DomposableModifier

Clockwise visual rotation in degrees, without changing measured layout size.

fun DomposableModifier.scale(x: Float, y: Float = x): DomposableModifier

Visual transform around the center; measured layout size is unchanged. Negative values mirror content.

fun DomposableModifier.shadow(elevation: DomposableLength, shape: DomposableShape = DomposableShape.Rectangle): DomposableModifier

Native elevation or a CSS shadow. Does not clip content; use clip separately when needed.

fun DomposableModifier.size(value: DomposableLength): DomposableModifier

fun DomposableModifier.size(width: DomposableLength, height: DomposableLength): DomposableModifier

fun DomposableModifier.testId(value: String): DomposableModifier

open fun then(other: DomposableModifier): DomposableModifier

open fun then(element: DomposableModifierElement): DomposableModifier

fun DomposableModifier.then(modifier: Modifier): DomposableModifier

Appends a native-only operation without replacing the portable operations already in the chain.

toComposeModifier

fun DomposableModifier.toComposeModifier(operationRenderer: (DomposableModifierElement) -> Modifier?? = null): Modifier

Native-only conversion. Application elements require an explicit renderer and are never dropped.

fun DomposableModifier.verticalScroll(): DomposableModifier

fun DomposableModifier.verticalScroll(state: DomposableScrollState): DomposableModifier

fun DomposableModifier.viewportHeight(fraction: Float = 1.0f, subtract: DomposableLength = 0.dp, unit: DomposableViewportUnit = DomposableViewportUnit.Dynamic): DomposableModifier

Bounds content using the host viewport, rather than its parent's available height. subtract reserves app-owned chrome. Native uses the current window size for both units; HTML uses dvh/svh. Neither includes additional safe-area padding automatically.

fun DomposableModifier.weight(weight: Float, fill: Boolean = true): DomposableModifier

Must be consumed by a row or column child renderer.

fun DomposableModifier.width(value: DomposableLength): DomposableModifier

fun DomposableModifier.widthIn(min: DomposableLength? = null, max: DomposableLength? = null): DomposableModifier

wrapContentSize

fun DomposableModifier.wrapContentSize(horizontal: DomposableAlignment = DomposableAlignment.Center, vertical: DomposableAlignment = DomposableAlignment.Center): DomposableModifier

fun DomposableModifier.zIndex(value: Float): DomposableModifier