0.21.1

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

Package-level declarations

Types

BorderImageScope

class BorderImageScope

BorderRadiusScope

class BorderRadiusScope

class BorderScope

BorderSideScope

class BorderSideScope

ColumnRuleScope

class ColumnRuleScope

class FontScope

FontVariantScope

class FontVariantScope

MarginBlockScope

class MarginBlockScope

MarginInlineScope

class MarginInlineScope

class MarginScope

class OverflowScope

OverscrollBehaviorScope

class OverscrollBehaviorScope

PaddingBlockScope

class PaddingBlockScope

PaddingInlineScope

class PaddingInlineScope

class PaddingScope

Functions

fun Modifier.accentColor(accentColor: AccentColor): Modifier

fun Modifier.accentColor(color: CSSColorValue): Modifier

fun Modifier.alignContent(alignContent: AlignContent): Modifier

fun Modifier.alignContent(alignContent: AlignContent): Modifier

fun Modifier.alignItems(alignItems: AlignItems): Modifier

fun Modifier.alignItems(alignItems: AlignItems): Modifier

fun Modifier.alignSelf(alignSelf: AlignSelf): Modifier

fun Modifier.alignSelf(alignSelf: AlignSelf): Modifier

fun Modifier.animation(animation: Animation): Modifier

fun Modifier.animation(vararg animations: Animation.Repeatable): Modifier

fun Modifier.appearance(appearance: Appearance): Modifier

fun Modifier.ariaDisabled(value: Boolean = true): Modifier

fun Modifier.ariaHidden(value: Boolean = true): Modifier

fun Modifier.ariaInvalid(value: Boolean = true): Modifier

fun Modifier.ariaLabel(value: String): Modifier

fun Modifier.ariaRequired(value: Boolean = true): Modifier

fun Modifier.aspectRatio(ratio: AspectRatio): Modifier

fun Modifier.aspectRatio(ratio: Number): Modifier

fun Modifier.aspectRatio(width: Number, height: Number): Modifier

fun Modifier.attr(attr: String, value: String): Modifier

A convenience method for defining a single attribute key/value pair.

fun Modifier.attrs(vararg attrValues: Pair<String, String>): Modifier

A convenience method for defining multiple, general attribute key/value pairs.

fun Modifier.backdropFilter(backdropFilter: BackdropFilter): Modifier

fun Modifier.backdropFilter(vararg filters: CSSFilter): Modifier

fun Modifier.background(background: Background): Modifier

fun Modifier.background(vararg backgrounds: Background.Repeatable): Modifier

fun Modifier.background(color: CSSColorValue?, vararg backgrounds: Background.Repeatable): Modifier

Configure an element's background appearance.

backgroundAttachment

fun Modifier.backgroundAttachment(backgroundAttachment: BackgroundAttachment): Modifier

backgroundBlendMode

fun Modifier.backgroundBlendMode(blendMode: BackgroundBlendMode): Modifier

fun Modifier.backgroundClip(backgroundClip: BackgroundClip): Modifier

backgroundColor

fun Modifier.backgroundColor(backgroundColor: BackgroundColor): Modifier

fun Modifier.backgroundColor(color: CSSColorValue): Modifier

backgroundImage

fun Modifier.backgroundImage(backgroundImage: BackgroundImage): Modifier

fun Modifier.backgroundImage(url: CSSUrl): Modifier

fun Modifier.backgroundImage(gradient: Gradient): Modifier

backgroundOrigin

fun Modifier.backgroundOrigin(backgroundOrigin: BackgroundOrigin): Modifier

backgroundPosition

fun Modifier.backgroundPosition(backgroundPosition: BackgroundPosition): Modifier

backgroundRepeat

fun Modifier.backgroundRepeat(backgroundRepeat: BackgroundRepeat): Modifier

fun Modifier.backgroundRepeat(horizontalRepeat: BackgroundRepeat.RepeatStyle, verticalRepeat: BackgroundRepeat.RepeatStyle): Modifier

fun Modifier.backgroundSize(backgroundSize: BackgroundSize): Modifier

fun Modifier.border(scope: BorderScope.() -> Unit): Modifier

fun Modifier.border(width: CSSLengthNumericValue? = null, style: LineStyle? = null, color: CSSColorValue? = null): Modifier

fun Modifier.borderBottom(scope: BorderSideScope.() -> Unit): Modifier

fun Modifier.borderBottom(width: CSSLengthNumericValue? = null, style: LineStyle? = null, color: CSSColorValue? = null): Modifier

fun Modifier.borderCollapse(borderCollapse: BorderCollapse): Modifier

fun Modifier.borderImage(image: BorderImage): Modifier

fun Modifier.borderImage(scope: BorderImageScope.() -> Unit): Modifier

fun Modifier.borderLeft(scope: BorderSideScope.() -> Unit): Modifier

fun Modifier.borderLeft(width: CSSLengthNumericValue? = null, style: LineStyle? = null, color: CSSColorValue? = null): Modifier

fun Modifier.borderRadius(scope: BorderRadiusScope.() -> Unit): Modifier

fun Modifier.borderRadius(r: CSSLengthOrPercentageNumericValue): Modifier

fun Modifier.borderRadius(topLeftAndBottomRight: CSSLengthOrPercentageNumericValue = 0.px, topRightAndBottomLeft: CSSLengthOrPercentageNumericValue = 0.px): Modifier

fun Modifier.borderRadius(topLeft: CSSLengthOrPercentageNumericValue = 0.px, topRightAndBottomLeft: CSSLengthOrPercentageNumericValue = 0.px, bottomRight: CSSLengthOrPercentageNumericValue = 0.px): Modifier

fun Modifier.borderRadius(topLeft: CSSLengthOrPercentageNumericValue = 0.px, topRight: CSSLengthOrPercentageNumericValue = 0.px, bottomRight: CSSLengthOrPercentageNumericValue = 0.px, bottomLeft: CSSLengthOrPercentageNumericValue = 0.px): Modifier

fun Modifier.borderRight(scope: BorderSideScope.() -> Unit): Modifier

fun Modifier.borderRight(width: CSSLengthNumericValue? = null, style: LineStyle? = null, color: CSSColorValue? = null): Modifier

fun Modifier.borderTop(scope: BorderSideScope.() -> Unit): Modifier

fun Modifier.borderTop(width: CSSLengthNumericValue? = null, style: LineStyle? = null, color: CSSColorValue? = null): Modifier

fun Modifier.bottom(bottom: Bottom): Modifier

fun Modifier.bottom(value: CSSLengthOrPercentageNumericValue): Modifier

fun Modifier.bottom(value: CSSAutoKeyword): Modifier

boxDecorationBreak

fun Modifier.boxDecorationBreak(boxDecorationBreak: BoxDecorationBreak): Modifier

fun Modifier.boxShadow(boxShadow: BoxShadow): Modifier

Creates a box-shadow property with a single shadow. The property accepts either the BoxShadow.None value, the default global keywords, which indicates no shadows, or a list of shadows, created by using BoxShadow.of, ordered front to back.

fun Modifier.boxShadow(vararg boxShadows: BoxShadow.Repeatable): Modifier

The box-shadow property attaches one or more drop shadows to the box. The property accepts either the BoxShadow.None value, which indicates no shadows, or a list of shadows, created by using BoxShadow.of, ordered front to back.

fun Modifier.boxShadow(offsetX: CSSLengthNumericValue = 0.px, offsetY: CSSLengthNumericValue = 0.px, blurRadius: CSSLengthNumericValue? = null, spreadRadius: CSSLengthNumericValue? = null, color: CSSColorValue? = null, inset: Boolean = false): Modifier

Creates a single shadowed box-shadow to the desired element.

fun Modifier.boxSizing(boxSizing: BoxSizing): Modifier

fun Modifier.captionSide(captionSide: CaptionSide): Modifier

fun Modifier.caretColor(caretColor: CaretColor): Modifier

fun Modifier.caretColor(color: CSSColorValue): Modifier

fun Modifier.classNames(vararg classes: String): Modifier

fun Modifier.clear(clear: Clear): Modifier

fun Modifier.color(color: CSSColor): Modifier

fun Modifier.color(color: CSSColorValue): Modifier

fun Modifier.colorScheme(colorScheme: ColorScheme): Modifier

fun Modifier.columnGap(value: CSSLengthOrPercentageNumericValue): Modifier

fun Modifier.columnRule(scope: ColumnRuleScope.() -> Unit): Modifier

fun Modifier.columnRule(width: CSSLengthNumericValue? = null, style: LineStyle? = null, color: CSSColorValue? = null): Modifier

fun Modifier.content(content: Content.Restricted): Modifier

fun Modifier.content(vararg contents: Content.Unrestricted): Modifier

fun Modifier.content(value: String): Modifier

fun Modifier.content(altText: String, vararg contents: Content.Unrestricted): Modifier

contentEditable

fun Modifier.contentEditable(editable: Boolean): Modifier

fun Modifier.cursor(cursor: Cursor): Modifier

fun Modifier.dataAttr(name: String, value: String): Modifier

Define a single HTML data attribute.

fun Modifier.dataAttrs(vararg nameValues: Pair<String, String>): Modifier

Declare one or more HTML data attributes

fun Modifier.dir(dirType: DirType): Modifier

fun Modifier.disabled(value: Boolean = true): Modifier

fun Modifier.display(value: DisplayStyle): Modifier

fun Modifier.draggable(draggable: Boolean): Modifier

fun Modifier.draggable(draggable: Draggable): Modifier

fun Modifier.fillMaxHeight(percent: CSSPercentageNumericValue = 100.percent): Modifier

fun Modifier.fillMaxSize(percent: CSSPercentageNumericValue = 100.percent): Modifier

fun Modifier.fillMaxWidth(percent: CSSLengthOrPercentageNumericValue = 100.percent): Modifier

fun Modifier.filter(filter: Filter): Modifier

fun Modifier.filter(vararg filters: CSSFilter): Modifier

fun Modifier.flex(value: Int): Modifier

fun Modifier.flex(value: String): Modifier

fun Modifier.flex(value: CSSLengthOrPercentageNumericValue): Modifier

fun Modifier.flex(flexGrow: Int, flexShrink: Int): Modifier

fun Modifier.flex(flexGrow: Int, flexBasis: CSSLengthOrPercentageNumericValue): Modifier

fun Modifier.flex(flexGrow: Int, flexShrink: Int, flexBasis: CSSLengthOrPercentageNumericValue): Modifier

fun Modifier.flexBasis(flexBasis: FlexBasis): Modifier

fun Modifier.flexBasis(value: CSSLengthOrPercentageNumericValue): Modifier

fun Modifier.flexDirection(flexDirection: FlexDirection): Modifier

fun Modifier.flexFlow(flexDirection: FlexDirection, flexWrap: FlexWrap): Modifier

fun Modifier.flexGrow(value: Number): Modifier

fun Modifier.flexShrink(value: Number): Modifier

fun Modifier.flexWrap(flexWrap: FlexWrap): Modifier

fun Modifier.float(float: CSSFloat): Modifier

fun Modifier.font(scope: FontScope.() -> Unit): Modifier

fun Modifier.fontFamily(vararg values: String): Modifier

fontOpticalSizing

fun Modifier.fontOpticalSizing(value: FontOpticalSizing): Modifier

fun Modifier.fontSize(fontSize: FontSize): Modifier

fun Modifier.fontSize(value: CSSLengthOrPercentageNumericValue): Modifier

fun Modifier.fontStyle(value: FontStyle): Modifier

fun Modifier.fontVariant(scope: FontVariantScope.() -> Unit): Modifier

fun Modifier.fontVariant(alternates: FontVariantAlternates? = null, caps: FontVariantCaps? = null, eastAsian: FontVariantEastAsian? = null, emoji: FontVariantEmoji? = null, ligatures: FontVariantLigatures? = null, numeric: FontVariantNumeric? = null, position: FontVariantPosition? = null): Modifier

fontVariationSettings

fun Modifier.fontVariationSettings(value: FontVariationSettings): Modifier

fun Modifier.fontVariationSettings(vararg axes: FontVariationSettings.Axis): Modifier

fun Modifier.fontWeight(value: FontWeight): Modifier

fun Modifier.fontWeight(value: Int): Modifier

fun Modifier.gap(value: CSSLengthOrPercentageNumericValue): Modifier

fun Modifier.gap(rowGap: CSSLengthOrPercentageNumericValue, columnGap: CSSLengthOrPercentageNumericValue): Modifier

fun Modifier.grid(block: GridBuilder.() -> Unit): Modifier

fun Modifier.gridArea(rowStart: String): Modifier

fun Modifier.gridArea(rowStart: String, columnStart: String): Modifier

fun Modifier.gridArea(rowStart: String, columnStart: String, rowEnd: String): Modifier

fun Modifier.gridArea(rowStart: String, columnStart: String, rowEnd: String, columnEnd: String): Modifier

gridAutoColumns

fun Modifier.gridAutoColumns(value: GridAuto): Modifier

fun Modifier.gridAutoColumns(block: GridTrackBuilder.() -> Unit): Modifier

fun Modifier.gridAutoFlow(value: GridAutoFlow): Modifier

fun Modifier.gridAutoRows(value: GridAuto): Modifier

fun Modifier.gridAutoRows(block: GridTrackBuilder.() -> Unit): Modifier

fun Modifier.gridColumn(value: String): Modifier

fun Modifier.gridColumn(start: Int, end: Int = start + 1): Modifier

fun Modifier.gridColumn(start: Int, end: String): Modifier

fun Modifier.gridColumn(start: String, end: Int): Modifier

fun Modifier.gridColumn(start: String, end: String): Modifier

fun Modifier.gridColumnEnd(value: Int): Modifier

fun Modifier.gridColumnEnd(value: String): Modifier

gridColumnStart

fun Modifier.gridColumnStart(value: Int): Modifier

fun Modifier.gridColumnStart(value: String): Modifier

fun Modifier.gridItem(row: Int, column: Int, width: Int? = null, height: Int? = null): Modifier

A convenience modifier for specifying both row and column indices at the same time.

fun Modifier.gridRow(value: String): Modifier

fun Modifier.gridRow(start: Int, end: Int = start + 1): Modifier

fun Modifier.gridRow(start: Int, end: String): Modifier

fun Modifier.gridRow(start: String, end: Int): Modifier

fun Modifier.gridRow(start: String, end: String): Modifier

fun Modifier.gridRowEnd(value: Int): Modifier

fun Modifier.gridRowEnd(value: String): Modifier

fun Modifier.gridRowStart(value: Int): Modifier

fun Modifier.gridRowStart(value: String): Modifier

gridTemplateAreas

fun Modifier.gridTemplateAreas(vararg rows: String): Modifier

gridTemplateColumns

fun Modifier.gridTemplateColumns(value: GridTemplate): Modifier

fun Modifier.gridTemplateColumns(block: GridTrackBuilder.() -> Unit): Modifier

gridTemplateRows

fun Modifier.gridTemplateRows(value: GridTemplate): Modifier

fun Modifier.gridTemplateRows(block: GridTrackBuilder.() -> Unit): Modifier

fun Modifier.height(height: Height): Modifier

fun Modifier.height(size: CSSLengthOrPercentageNumericValue): Modifier

fun Modifier.height(auto: CSSAutoKeyword): Modifier

fun Modifier.heightIn(min: CSSLengthOrPercentageNumericValue? = null, max: CSSLengthOrPercentageNumericValue? = null): Modifier

fun Modifier.hidden(): Modifier

fun Modifier.id(value: String): Modifier

fun Modifier.isolation(isolation: Isolation): Modifier

fun Modifier.justifyContent(justifyContent: JustifyContent): Modifier

fun Modifier.justifyContent(justifyContent: JustifyContent): Modifier

fun Modifier.justifyItems(justifyItems: JustifyItems): Modifier

fun Modifier.justifySelf(justifySelf: JustifySelf): Modifier

fun Modifier.lang(value: String): Modifier

fun Modifier.left(left: Left): Modifier

fun Modifier.left(value: CSSLengthOrPercentageNumericValue): Modifier

fun Modifier.left(value: CSSAutoKeyword): Modifier

fun MarginScope.leftRight(value: CSSLengthOrPercentageNumericValue)

fun PaddingScope.leftRight(value: CSSLengthOrPercentageNumericValue)

fun Modifier.letterSpacing(value: CSSLengthNumericValue): Modifier

fun Modifier.lineHeight(lineHeight: LineHeight): Modifier

fun Modifier.lineHeight(value: Number): Modifier

fun Modifier.lineHeight(value: CSSLengthOrPercentageNumericValue): Modifier

fun Modifier.listStyle(type: ListStyleType? = null, position: ListStylePosition? = null, image: ListStyleImage? = null): Modifier

fun Modifier.margin(scope: MarginScope.() -> Unit): Modifier

fun Modifier.margin(all: CSSLengthOrPercentageNumericValue): Modifier

fun Modifier.margin(topBottom: CSSLengthOrPercentageNumericValue = 0.px, leftRight: CSSLengthOrPercentageNumericValue = 0.px): Modifier

fun Modifier.margin(top: CSSLengthOrPercentageNumericValue = 0.px, leftRight: CSSLengthOrPercentageNumericValue = 0.px, bottom: CSSLengthOrPercentageNumericValue = 0.px): Modifier

fun Modifier.margin(top: CSSLengthOrPercentageNumericValue = 0.px, right: CSSLengthOrPercentageNumericValue = 0.px, bottom: CSSLengthOrPercentageNumericValue = 0.px, left: CSSLengthOrPercentageNumericValue = 0.px): Modifier

fun Modifier.marginBlock(scope: MarginBlockScope.() -> Unit): Modifier

fun Modifier.marginBlock(both: CSSLengthOrPercentageNumericValue): Modifier

fun Modifier.marginBlock(start: CSSLengthOrPercentageNumericValue = 0.px, end: CSSLengthOrPercentageNumericValue = 0.px): Modifier

fun Modifier.marginInline(scope: MarginInlineScope.() -> Unit): Modifier

fun Modifier.marginInline(both: CSSLengthOrPercentageNumericValue): Modifier

fun Modifier.marginInline(start: CSSLengthOrPercentageNumericValue = 0.px, end: CSSLengthOrPercentageNumericValue = 0.px): Modifier

fun Modifier.maxHeight(maxHeight: MaxHeight): Modifier

fun Modifier.maxHeight(size: CSSLengthOrPercentageNumericValue): Modifier

fun Modifier.maxSize(size: CSSLengthOrPercentageNumericValue): Modifier

fun Modifier.maxSize(width: CSSLengthOrPercentageNumericValue, height: CSSLengthOrPercentageNumericValue): Modifier

fun Modifier.maxWidth(maxWidth: MaxWidth): Modifier

fun Modifier.maxWidth(size: CSSLengthOrPercentageNumericValue): Modifier

fun Modifier.minHeight(minHeight: MinHeight): Modifier

fun Modifier.minHeight(size: CSSLengthOrPercentageNumericValue): Modifier

fun Modifier.minSize(size: CSSLengthOrPercentageNumericValue): Modifier

fun Modifier.minSize(width: CSSLengthOrPercentageNumericValue, height: CSSLengthOrPercentageNumericValue): Modifier

fun Modifier.minWidth(minWidth: MinWidth): Modifier

fun Modifier.minWidth(size: CSSLengthOrPercentageNumericValue): Modifier

fun Modifier.mixBlendMode(blendMode: MixBlendMode): Modifier

fun Modifier.objectFit(objectFit: ObjectFit): Modifier

fun Modifier.onAnimationEnd(listener: (SyntheticAnimationEvent) -> Unit): Modifier

onAnimationIteration

fun Modifier.onAnimationIteration(listener: (SyntheticAnimationEvent) -> Unit): Modifier

onAnimationStart

fun Modifier.onAnimationStart(listener: (SyntheticAnimationEvent) -> Unit): Modifier

fun Modifier.onBlur(listener: (SyntheticFocusEvent) -> Unit): Modifier

fun Modifier.onClick(listener: (SyntheticMouseEvent) -> Unit): Modifier

fun Modifier.onContextMenu(listener: (SyntheticMouseEvent) -> Unit): Modifier

fun Modifier.onCopy(listener: (SyntheticClipboardEvent) -> Unit): Modifier

fun Modifier.onCut(listener: (SyntheticClipboardEvent) -> Unit): Modifier

fun Modifier.onDoubleClick(listener: (SyntheticMouseEvent) -> Unit): Modifier

fun Modifier.onDrag(listener: (SyntheticDragEvent) -> Unit): Modifier

fun Modifier.onDragEnd(listener: (SyntheticDragEvent) -> Unit): Modifier

fun Modifier.onDragEnter(listener: (SyntheticDragEvent) -> Unit): Modifier

fun Modifier.onDragLeave(listener: (SyntheticDragEvent) -> Unit): Modifier

fun Modifier.onDragOver(listener: (SyntheticDragEvent) -> Unit): Modifier

fun Modifier.onDragStart(listener: (SyntheticDragEvent) -> Unit): Modifier

fun Modifier.onDrop(listener: (SyntheticDragEvent) -> Unit): Modifier

fun Modifier.onFocus(listener: (SyntheticFocusEvent) -> Unit): Modifier

fun Modifier.onFocusIn(listener: (SyntheticFocusEvent) -> Unit): Modifier

fun Modifier.onFocusOut(listener: (SyntheticFocusEvent) -> Unit): Modifier

fun Modifier.onKeyDown(listener: (SyntheticKeyboardEvent) -> Unit): Modifier

fun Modifier.onKeyUp(listener: (SyntheticKeyboardEvent) -> Unit): Modifier

fun Modifier.onMouseDown(listener: (SyntheticMouseEvent) -> Unit): Modifier

fun Modifier.onMouseEnter(listener: (SyntheticMouseEvent) -> Unit): Modifier

fun Modifier.onMouseLeave(listener: (SyntheticMouseEvent) -> Unit): Modifier

fun Modifier.onMouseMove(listener: (SyntheticMouseEvent) -> Unit): Modifier

fun Modifier.onMouseOut(listener: (SyntheticMouseEvent) -> Unit): Modifier

fun Modifier.onMouseOver(listener: (SyntheticMouseEvent) -> Unit): Modifier

fun Modifier.onMouseUp(listener: (SyntheticMouseEvent) -> Unit): Modifier

fun Modifier.onPaste(listener: (SyntheticClipboardEvent) -> Unit): Modifier

fun Modifier.onScroll(listener: (SyntheticEvent<EventTarget>) -> Unit): Modifier

fun Modifier.onTouchCancel(listener: (SyntheticTouchEvent) -> Unit): Modifier

fun Modifier.onTouchEnd(listener: (SyntheticTouchEvent) -> Unit): Modifier

fun Modifier.onTouchMove(listener: (SyntheticTouchEvent) -> Unit): Modifier

fun Modifier.onTouchStart(listener: (SyntheticTouchEvent) -> Unit): Modifier

onTransitionCancel

fun Modifier.onTransitionCancel(listener: (SyntheticTransitionEvent) -> Unit): Modifier

onTransitionEnd

fun Modifier.onTransitionEnd(listener: (SyntheticTransitionEvent) -> Unit): Modifier

onTransitionRun

fun Modifier.onTransitionRun(listener: (SyntheticTransitionEvent) -> Unit): Modifier

onTransitionStart

fun Modifier.onTransitionStart(listener: (SyntheticTransitionEvent) -> Unit): Modifier

fun Modifier.onWheel(listener: (SyntheticMouseEvent) -> Unit): Modifier

fun Modifier.opacity(value: Number): Modifier

fun Modifier.opacity(value: CSSPercentageNumericValue): Modifier

fun Modifier.order(value: Int): Modifier

fun Modifier.outline(width: CSSLengthNumericValue? = null, style: LineStyle? = null, color: CSSColorValue? = null): Modifier

fun Modifier.outlineColor(outlineColor: OutlineColor): Modifier

fun Modifier.outlineColor(value: CSSColorValue): Modifier

fun Modifier.outlineOffset(value: CSSLengthNumericValue): Modifier

fun Modifier.outlineStyle(value: LineStyle): Modifier

fun Modifier.outlineWidth(outlineWidth: OutlineWidth): Modifier

fun Modifier.outlineWidth(value: CSSLengthNumericValue): Modifier

fun Modifier.overflow(overflow: Overflow): Modifier

fun Modifier.overflow(scope: OverflowScope.() -> Unit): Modifier

fun Modifier.overflow(overflowX: Overflow, overflowY: Overflow): Modifier

fun Modifier.overflowWrap(overflowWrap: OverflowWrap): Modifier

overscrollBehavior

fun Modifier.overscrollBehavior(overscrollBehavior: OverscrollBehavior): Modifier

fun Modifier.overscrollBehavior(scope: OverscrollBehaviorScope.() -> Unit): Modifier

fun Modifier.overscrollBehavior(x: OverscrollBehavior.RepeatableValue, y: OverscrollBehavior.RepeatableValue): Modifier

overscrollBehaviorBlock

fun Modifier.overscrollBehaviorBlock(x: OverscrollBehavior.SingleValue): Modifier

overscrollBehaviorInline

fun Modifier.overscrollBehaviorInline(y: OverscrollBehavior.SingleValue): Modifier

fun Modifier.padding(scope: PaddingScope.() -> Unit): Modifier

fun Modifier.padding(all: CSSLengthOrPercentageNumericValue): Modifier

fun Modifier.padding(topBottom: CSSLengthOrPercentageNumericValue = 0.px, leftRight: CSSLengthOrPercentageNumericValue = 0.px): Modifier

fun Modifier.padding(top: CSSLengthOrPercentageNumericValue = 0.px, leftRight: CSSLengthOrPercentageNumericValue = 0.px, bottom: CSSLengthOrPercentageNumericValue = 0.px): Modifier

fun Modifier.padding(top: CSSLengthOrPercentageNumericValue = 0.px, right: CSSLengthOrPercentageNumericValue = 0.px, bottom: CSSLengthOrPercentageNumericValue = 0.px, left: CSSLengthOrPercentageNumericValue = 0.px): Modifier

fun Modifier.paddingBlock(scope: PaddingBlockScope.() -> Unit): Modifier

fun Modifier.paddingBlock(both: CSSLengthOrPercentageNumericValue): Modifier

fun Modifier.paddingBlock(start: CSSLengthOrPercentageNumericValue = 0.px, end: CSSLengthOrPercentageNumericValue = 0.px): Modifier

fun Modifier.paddingInline(scope: PaddingInlineScope.() -> Unit): Modifier

fun Modifier.paddingInline(both: CSSLengthOrPercentageNumericValue): Modifier

fun Modifier.paddingInline(start: CSSLengthOrPercentageNumericValue = 0.px, end: CSSLengthOrPercentageNumericValue = 0.px): Modifier

fun Modifier.placeContent(alignContent: AlignContent, justifyContent: JustifyContent): Modifier

fun Modifier.placeItems(alignItems: AlignItems, justifyItems: JustifyItems): Modifier

fun Modifier.placeSelf(alignSelf: AlignSelf, justifySelf: JustifySelf): Modifier

fun Modifier.pointerEvents(pointerEvents: PointerEvents): Modifier

fun Modifier.position(position: Position): Modifier

fun Modifier.resize(resize: Resize): Modifier

fun Modifier.right(right: Right): Modifier

fun Modifier.right(value: CSSLengthOrPercentageNumericValue): Modifier

fun Modifier.right(value: CSSAutoKeyword): Modifier

fun Modifier.role(value: String): Modifier

fun Modifier.rotate(a: CSSAngleValue): Modifier

fun Modifier.rotate(x: Number, y: Number, z: Number, a: CSSAngleValue): Modifier

fun Modifier.rotateX(ax: CSSAngleValue): Modifier

fun Modifier.rotateY(ay: CSSAngleValue): Modifier

fun Modifier.rotateZ(az: CSSAngleValue): Modifier

fun Modifier.rowGap(value: CSSLengthOrPercentageNumericValue): Modifier

fun Modifier.scale(s: Number): Modifier

fun Modifier.scale(s: CSSPercentageNumericValue): Modifier

fun Modifier.scale(sx: Number, sy: Number): Modifier

fun Modifier.scale(sx: CSSPercentageNumericValue, sy: CSSPercentageNumericValue): Modifier

fun Modifier.scale(sx: Number, sy: Number, sz: Number): Modifier

fun Modifier.scale(sx: CSSPercentageNumericValue, sy: CSSPercentageNumericValue, sz: CSSPercentageNumericValue): Modifier

fun Modifier.scaleX(s: Number): Modifier

fun Modifier.scaleX(s: CSSPercentageNumericValue): Modifier

fun Modifier.scaleY(s: Number): Modifier

fun Modifier.scaleY(s: CSSPercentageNumericValue): Modifier

fun Modifier.scaleZ(s: Number): Modifier

fun Modifier.scaleZ(s: CSSPercentageNumericValue): Modifier

fun Modifier.scrollbarWidth(scrollbarWidth: ScrollbarWidth): Modifier

fun Modifier.scrollBehavior(scrollBehavior: ScrollBehavior): Modifier

fun Modifier.scrollMargin(all: CSSLengthNumericValue): Modifier

fun Modifier.scrollMargin(topBottom: CSSLengthNumericValue = 0.px, leftRight: CSSLengthNumericValue = 0.px): Modifier

fun Modifier.scrollMargin(top: CSSLengthNumericValue = 0.px, leftRight: CSSLengthNumericValue = 0.px, bottom: CSSLengthNumericValue = 0.px): Modifier

fun Modifier.scrollMargin(top: CSSLengthNumericValue = 0.px, right: CSSLengthNumericValue = 0.px, bottom: CSSLengthNumericValue = 0.px, left: CSSLengthNumericValue = 0.px): Modifier

scrollMarginBlock

fun Modifier.scrollMarginBlock(both: CSSLengthNumericValue): Modifier

fun Modifier.scrollMarginBlock(start: CSSLengthNumericValue = 0.px, end: CSSLengthNumericValue = 0.px): Modifier

scrollMarginInline

fun Modifier.scrollMarginInline(both: CSSLengthNumericValue): Modifier

fun Modifier.scrollMarginInline(start: CSSLengthNumericValue = 0.px, end: CSSLengthNumericValue = 0.px): Modifier

fun Modifier.scrollPadding(all: CSSLengthOrPercentageNumericValue): Modifier

fun Modifier.scrollPadding(topBottom: CSSLengthOrPercentageNumericValue = autoLength, leftRight: CSSLengthOrPercentageNumericValue = autoLength): Modifier

fun Modifier.scrollPadding(top: CSSLengthOrPercentageNumericValue = autoLength, leftRight: CSSLengthOrPercentageNumericValue = autoLength, bottom: CSSLengthOrPercentageNumericValue = autoLength): Modifier

fun Modifier.scrollPadding(top: CSSLengthOrPercentageNumericValue = autoLength, right: CSSLengthOrPercentageNumericValue = autoLength, bottom: CSSLengthOrPercentageNumericValue = autoLength, left: CSSLengthOrPercentageNumericValue = autoLength): Modifier

scrollPaddingBlock

fun Modifier.scrollPaddingBlock(both: CSSLengthOrPercentageNumericValue): Modifier

fun Modifier.scrollPaddingBlock(start: CSSLengthOrPercentageNumericValue = autoLength, end: CSSLengthOrPercentageNumericValue = autoLength): Modifier

scrollPaddingInline

fun Modifier.scrollPaddingInline(both: CSSLengthOrPercentageNumericValue): Modifier

fun Modifier.scrollPaddingInline(start: CSSLengthOrPercentageNumericValue = autoLength, end: CSSLengthOrPercentageNumericValue = autoLength): Modifier

scrollSnapAlign

fun Modifier.scrollSnapAlign(scrollSnapAlign: ScrollSnapAlign): Modifier

fun Modifier.scrollSnapAlign(blockAxis: ScrollSnapAlign.Alignment, inlineAxis: ScrollSnapAlign.Alignment): Modifier

fun Modifier.scrollSnapStop(scrollSnapStop: ScrollSnapStop): Modifier

fun Modifier.scrollSnapType(scrollSnapType: ScrollSnapType): Modifier

fun Modifier.scrollSnapType(axis: ScrollSnapType.Axis, strictness: ScrollSnapType.Strictness): Modifier

fun <T : Number> Modifier.setVariable(variable: StyleVariable.NumberValue<T>, value: T?): Modifier

fun <T : StylePropertyValue> Modifier.setVariable(variable: StyleVariable.PropertyValue<T>, value: T?): Modifier

fun Modifier.setVariable(variable: StyleVariable.StringValue, value: String?): Modifier

Set the value of a variable.

fun Modifier.size(size: CSSLengthOrPercentageNumericValue): Modifier

fun Modifier.size(width: CSSLengthOrPercentageNumericValue, height: CSSLengthOrPercentageNumericValue): Modifier

fun Modifier.sizeIn(minWidth: CSSLengthOrPercentageNumericValue? = null, minHeight: CSSLengthOrPercentageNumericValue? = null, maxWidth: CSSLengthOrPercentageNumericValue? = null, maxHeight: CSSLengthOrPercentageNumericValue? = null): Modifier

fun Modifier.spellCheck(enabled: Boolean): Modifier

fun Modifier.tabIndex(value: Int): Modifier

fun Modifier.textAlign(textAlign: TextAlign): Modifier

textDecorationLine

fun Modifier.textDecorationLine(textDecorationLine: TextDecorationLine): Modifier

fun Modifier.textOverflow(textOverflow: TextOverflow): Modifier

fun Modifier.textShadow(textShadow: TextShadow): Modifier

fun Modifier.textShadow(vararg textShadows: CSSTextShadow): Modifier

fun Modifier.textShadow(offsetX: CSSLengthNumericValue, offsetY: CSSLengthNumericValue, blurRadius: CSSLengthNumericValue? = null, color: CSSColorValue? = null): Modifier

fun Modifier.textTransform(textTransform: TextTransform): Modifier

fun Modifier.title(value: String): Modifier

fun Modifier.top(top: Top): Modifier

fun Modifier.top(value: CSSLengthOrPercentageNumericValue): Modifier

fun Modifier.top(value: CSSAutoKeyword): Modifier

fun MarginScope.topBottom(value: CSSLengthOrPercentageNumericValue)

fun PaddingScope.topBottom(value: CSSLengthOrPercentageNumericValue)

fun Modifier.touchAction(touchAction: TouchAction): Modifier

fun Modifier.transform(transformContext: TransformBuilder.() -> Unit): Modifier

fun Modifier.transformBox(transformBox: TransformBox): Modifier

transformOrigin

fun Modifier.transformOrigin(transformOrigin: TransformOrigin): Modifier

fun Modifier.transformStyle(transformStyle: TransformStyle): Modifier

fun Modifier.transition(transition: Transition): Modifier

fun Modifier.transition(vararg transitions: Transition.Repeatable): Modifier

fun Modifier.transition(transitions: Array<Transition.Repeatable>): Modifier

fun Modifier.translate(tx: CSSLengthOrPercentageNumericValue): Modifier

fun Modifier.translate(tx: CSSLengthOrPercentageNumericValue, ty: CSSLengthOrPercentageNumericValue): Modifier

fun Modifier.translate(tx: CSSLengthOrPercentageNumericValue, ty: CSSLengthOrPercentageNumericValue, tz: CSSLengthOrPercentageNumericValue): Modifier

fun Modifier.translateX(tx: CSSLengthOrPercentageNumericValue): Modifier

fun Modifier.translateY(ty: CSSLengthOrPercentageNumericValue): Modifier

fun Modifier.translateZ(tz: CSSLengthOrPercentageNumericValue): Modifier

fun Modifier.userSelect(userSelect: UserSelect): Modifier

fun Modifier.verticalAlign(verticalAlign: VerticalAlign): Modifier

fun Modifier.verticalAlign(value: CSSLengthOrPercentageNumericValue): Modifier

fun Modifier.visibility(visibility: Visibility): Modifier

fun Modifier.whiteSpace(whiteSpace: WhiteSpace): Modifier

fun Modifier.width(width: Width): Modifier

fun Modifier.width(size: CSSLengthOrPercentageNumericValue): Modifier

fun Modifier.width(auto: CSSAutoKeyword): Modifier

fun Modifier.widthIn(min: CSSLengthOrPercentageNumericValue? = null, max: CSSLengthOrPercentageNumericValue? = null): Modifier

fun Modifier.wordBreak(wordBreak: WordBreak): Modifier

fun Modifier.writingMode(writingMode: WritingMode): Modifier

fun Modifier.zIndex(value: Number): Modifier