fun IComponent.a(href: String? = null, label: String? = null, icon: String? = null, target: String? = null, className: String? = null, id: String? = null, content: @Composable IA.() -> Unit = {})

Creates a A component with a given label and icon.

accesskey

@Composable

abstract fun accesskey(accesskey: Char?)

Set the accesskey attribute.

alignContent

@Composable

abstract fun alignContent(alignContent: AlignContent?)

Set the CSS flexbox/grid content alignment.

alignItems

@Composable

abstract fun alignItems(alignItems: AlignItems?)

Set the CSS flexbox/grid items alignment.

alignSelf

@Composable

abstract fun alignSelf(alignSelf: AlignItems?)

Set the CSS flexbox items self-alignment.

aRef

@Composable

fun IComponent.aRef(href: String? = null, label: String? = null, icon: String? = null, target: String? = null, className: String? = null, id: String? = null, content: @Composable IA.() -> Unit = {}): A

Creates a A component with a given label and icon, returning a reference.

ariaDescribedby

@Composable

abstract fun ariaDescribedby(ariaDescribedby: String?)

Set the aria-describedby attribute.

ariaLabel

@Composable

abstract fun ariaLabel(ariaLabel: String?)

Set the aria-label attribute.

ariaLabelledby

@Composable

abstract fun ariaLabelledby(ariaLabelledby: String?)

Set the aria-labelledby attribute.

atom

@Composable

fun IComponent.atom(label: String? = null, icon: String? = null, separator: String? = null, iconFirst: Boolean = true)

Creates a label with an icon.

attribute

@Composable

abstract fun attribute(name: String, value: String?)

Set value for the given attribute.

autofocus

@Composable

abstract fun autofocus(autofocus: Boolean?)

Set the autofocus attribute.

background

@Composable

abstract fun background(background: Background?)

Set the background of the current component.

background

@Composable

fun TagStyleFun.background(color: Color? = null, image: String? = null, positionX: CssSize? = null, positionY: CssSize? = null, sizeX: CssSize? = null, sizeY: CssSize? = null, size: BgSize? = null, repeat: BgRepeat? = null, origin: BgOrigin? = null, clip: BgClip? = null, attachment: BgAttach? = null)

Set the background of the current component.

blur

abstract fun blur()

Makes the element blur.

border

@Composable

abstract fun border(border: Border?)

Set the border of the current component.

border

@Composable

fun TagStyleFun.border(width: CssSize? = null, style: BorderStyle? = null, color: Color? = null)

Set the border of the current component.

borderBottom

@Composable

abstract fun borderBottom(borderBottom: Border?)

Set the bottom border of the current component.

borderBottom

@Composable

fun TagStyleFun.borderBottom(width: CssSize? = null, style: BorderStyle? = null, color: Color? = null)

Set the bottom border of the current component.

borderLeft

@Composable

abstract fun borderLeft(borderLeft: Border?)

Set the left border of the current component.

borderLeft

@Composable

fun TagStyleFun.borderLeft(width: CssSize? = null, style: BorderStyle? = null, color: Color? = null)

Set the left border of the current component.

borderRadius

@Composable

abstract fun borderRadius(borderRadius: CssSize?)

Set the CSS border radius.

borderRadiusList

@Composable

abstract fun borderRadiusList(borderRadiusList: List<CssSize>?)

Set the list of CSS border radius values.

borderRight

@Composable

abstract fun borderRight(borderRight: Border?)

Set the right border of the current component.

borderRight

@Composable

fun TagStyleFun.borderRight(width: CssSize? = null, style: BorderStyle? = null, color: Color? = null)

Set the right border of the current component.

borderTop

@Composable

abstract fun borderTop(borderTop: Border?)

Set the top border of the current component.

borderTop

@Composable

fun TagStyleFun.borderTop(width: CssSize? = null, style: BorderStyle? = null, color: Color? = null)

Set the top border of the current component.

bottom

@Composable

abstract fun bottom(bottom: CssSize?)

Set the bottom edge of the current component.

boxShadow

@Composable

abstract fun boxShadow(boxShadow: BoxShadow?)

Set the box shadow of the current component.

boxShadow

@Composable

fun TagStyleFun.boxShadow(hOffset: CssSize? = null, vOffset: CssSize? = null, blurRadius: CssSize? = null, spreadRadius: CssSize? = null, color: Color? = null, inset: Boolean = false)

Set the box shadow of the current component.

boxShadowList

@Composable

abstract fun boxShadowList(boxShadowList: List<BoxShadow>?)

Set the list of box shadows of the current component.

button

@Composable

fun IComponent.button(label: String? = null, icon: String? = null, type: ButtonType = ButtonType.Button, disabled: Boolean? = null, className: String? = null, id: String? = null, content: @Composable IButton.() -> Unit = {})

Creates a Button component with a given label and icon.

buttonRef

@Composable

fun IComponent.buttonRef(label: String? = null, icon: String? = null, type: ButtonType = ButtonType.Button, disabled: Boolean? = null, className: String? = null, id: String? = null, content: @Composable IButton.() -> Unit = {}): Button

Creates a Button component with a given label and icon, returning a reference.

canvas

@Composable

fun IComponent.canvas(canvasWidth: Int? = null, canvasHeight: Int? = null, className: String? = null, id: String? = null, content: @Composable ICanvas.() -> Unit = {})

Creates a Canvas component.

canvasRef

@Composable

fun IComponent.canvasRef(canvasWidth: Int? = null, canvasHeight: Int? = null, className: String? = null, id: String? = null, content: @Composable ICanvas.() -> Unit = {}): Canvas

Creates a Canvas component, returning a reference.

checkBox

@Composable

fun IComponent.checkBox(value: Boolean = false, name: String? = null, disabled: Boolean? = null, required: Boolean? = null, className: String? = null, id: String? = null, setup: @Composable ICheckBox.() -> Unit = {})

Creates CheckBox component.

checkBoxRef

@Composable

fun IComponent.checkBoxRef(value: Boolean = false, name: String? = null, disabled: Boolean? = null, required: Boolean? = null, className: String? = null, id: String? = null, setup: @Composable ICheckBox.() -> Unit = {}): CheckBox

Creates CheckBox component, returning a reference.

className

@Composable

abstract fun className(className: String?)

Set the CSS class of the current component.

clear

@Composable

abstract fun clear(clear: Clear?)

Set the CSS clear float of the current component.

clearDragDropData

abstract fun clearDragDropData()

Clears D&D data for the current component. It also makes it not draggable.

clearDropTarget

abstract fun clearDropTarget()

Unsets the current component as a D&D drop target.

color

@Composable

abstract fun color(color: Color?)

Set the text color for the current component.

colorPicker

@Composable

fun IComponent.colorPicker(value: String? = null, name: String? = null, disabled: Boolean? = null, required: Boolean? = null, className: String? = null, id: String? = null, setup: @Composable IText.() -> Unit = {})

Creates Text component with color input type.

colorPickerRef

@Composable

fun IComponent.colorPickerRef(value: String? = null, name: String? = null, disabled: Boolean? = null, required: Boolean? = null, className: String? = null, id: String? = null, setup: @Composable IText.() -> Unit = {}): Text

Creates Text component with color input type, returning a reference.

columnGap

@Composable

abstract fun columnGap(columnGap: CssSize?)

Set the CSS grid/flex column gap.

commentNode

@Composable

fun IComponent.commentNode(data: String)

Creates a CommentNode component.

cursor

@Composable

abstract fun cursor(cursor: Cursor?)

Set the CSS cursor shape over the current component.

date

@Composable

fun IComponent.date(value: LocalDate? = null, min: LocalDate? = null, max: LocalDate? = null, step: Int = DATE_DEFAULT_STEP, name: String? = null, maxlength: Int? = null, placeholder: String? = null, disabled: Boolean? = null, required: Boolean? = null, className: String? = null, id: String? = null, setup: @Composable IDate.() -> Unit = {})

Creates a Date component.

dateRef

@Composable

fun IComponent.dateRef(value: LocalDate? = null, min: LocalDate? = null, max: LocalDate? = null, step: Int = DATE_DEFAULT_STEP, name: String? = null, maxlength: Int? = null, placeholder: String? = null, disabled: Boolean? = null, required: Boolean? = null, className: String? = null, id: String? = null, setup: @Composable IDate.() -> Unit = {}): Date

Creates a Date component, returning a reference.

dateTime

@Composable

fun IComponent.dateTime(value: LocalDateTime? = null, min: LocalDateTime? = null, max: LocalDateTime? = null, step: Int = DATETIME_DEFAULT_STEP, name: String? = null, maxlength: Int? = null, placeholder: String? = null, disabled: Boolean? = null, required: Boolean? = null, className: String? = null, id: String? = null, setup: @Composable IDateTime.() -> Unit = {})

Creates a DateTime component.

dateTimeRef

@Composable

fun IComponent.dateTimeRef(value: LocalDateTime? = null, min: LocalDateTime? = null, max: LocalDateTime? = null, step: Int = DATETIME_DEFAULT_STEP, name: String? = null, maxlength: Int? = null, placeholder: String? = null, disabled: Boolean? = null, required: Boolean? = null, className: String? = null, id: String? = null, setup: @Composable IDateTime.() -> Unit = {}): DateTime

Creates a DateTime component, returning a reference.

direction

@Composable

abstract fun direction(direction: Direction?)

Set the CSS Text direction of the current component.

display

@Composable

abstract fun display(display: Display?)

Set the CSS display of the current component.

draggable

@Composable

abstract fun draggable(draggable: Boolean?)

Set the draggable attribute.

fieldWithLabel

@Composable

fun IComponent.fieldWithLabel(label: String, className: String? = null, labelAfter: Boolean = false, groupClassName: String? = null, wrapperClassName: String? = null, content: @Composable IComponent.(id: String) -> Unit)

Creates a block with an associated label.

flexBasis

@Composable

abstract fun flexBasis(flexBasis: CssSize?)

Set the CSS flexbox item basis.

flexDirection

@Composable

abstract fun flexDirection(flexDirection: FlexDirection?)

Set the CSS flexbox direction.

flexGrow

@Composable

abstract fun flexGrow(flexGrow: Int?)

Set the CSS flexbox item grow.

flexPanel

@Composable

fun IComponent.flexPanel(flexDirection: FlexDirection? = null, flexWrap: FlexWrap? = null, justifyContent: JustifyContent? = null, alignItems: AlignItems? = null, alignContent: AlignContent? = null, rowGap: CssSize? = null, columnGap: CssSize? = null, className: String? = null, id: String? = null, content: @Composable IDiv.() -> Unit)

Creates a CSS flexbox container.

flexPanelRef

@Composable

fun IComponent.flexPanelRef(flexDirection: FlexDirection? = null, flexWrap: FlexWrap? = null, justifyContent: JustifyContent? = null, alignItems: AlignItems? = null, alignContent: AlignContent? = null, rowGap: CssSize? = null, columnGap: CssSize? = null, className: String? = null, id: String? = null, content: @Composable IDiv.() -> Unit): Div

Creates a CSS flexbox container, returning a reference.

flexShrink

@Composable

abstract fun flexShrink(flexShrink: Int?)

Set the CSS flexbox item shrink.

flexWrap

@Composable

abstract fun flexWrap(flexWrap: FlexWrap?)

Set the CSS flexbox wrap mode.

float

@Composable

abstract fun float(float: CssFloat?)

Set the CSS position float of the current component.

focus

abstract fun focus()

Makes the element focused.

fontFamily

@Composable

abstract fun fontFamily(fontFamily: String?)

Set the CSS font family of the current component.

fontSize

@Composable

abstract fun fontSize(fontSize: CssSize?)

Set the CSS font size of the current component.

fontStyle

@Composable

abstract fun fontStyle(fontStyle: FontStyle?)

Set the CSS font style of the current component.

fontVariant

@Composable

abstract fun fontVariant(fontVariant: FontVariant?)

Set the CSS font variant of the current component.

fontWeight

@Composable

abstract fun fontWeight(fontWeight: FontWeight?)

Set the CSS font weight of the current component.

form

@Composable

inline fun <K : Any> IComponent.form(initialData: K? = null, method: FormMethod? = null, action: String? = null, enctype: FormEnctype? = null, requiredMessage: String = REQUIRED_FIELD_MESSAGE, invalidMessage: String = INVALID_FIELD_MESSAGE, customSerializers: Map<KClass<*>, KSerializer<*>>? = null, className: String? = null, id: String? = null, crossinline content: @Composable Form<K>.() -> Unit = {})

Creates a Form component with a data class model.

@Composable

fun IComponent.form(initialData: Map<String, Any?>? = null, method: FormMethod? = null, action: String? = null, enctype: FormEnctype? = null, requiredMessage: String = REQUIRED_FIELD_MESSAGE, invalidMessage: String = INVALID_FIELD_MESSAGE, customSerializers: Map<KClass<*>, KSerializer<*>>? = null, className: String? = null, id: String? = null, content: @Composable Form<Map<String, Any?>>.() -> Unit = {})

Creates a Form component with map model.

formRef

@Composable

inline fun <K : Any> IComponent.formRef(initialData: K? = null, method: FormMethod? = null, action: String? = null, enctype: FormEnctype? = null, requiredMessage: String = REQUIRED_FIELD_MESSAGE, invalidMessage: String = INVALID_FIELD_MESSAGE, customSerializers: Map<KClass<*>, KSerializer<*>>? = null, className: String? = null, id: String? = null, crossinline content: @Composable Form<K>.() -> Unit = {}): Form<K>

Creates a Form component with a data class model, returning a reference.

@Composable

fun IComponent.formRef(initialData: Map<String, Any?>? = null, method: FormMethod? = null, action: String? = null, enctype: FormEnctype? = null, requiredMessage: String = REQUIRED_FIELD_MESSAGE, invalidMessage: String = INVALID_FIELD_MESSAGE, customSerializers: Map<KClass<*>, KSerializer<*>>? = null, className: String? = null, id: String? = null, content: @Composable Form<Map<String, Any?>>.() -> Unit = {}): Form<Map<String, Any?>>

Creates a Form component with map model, returning a reference.

getAttribute

abstract fun getAttribute(name: String): String?

Get value of the given attribute.

getStyle

abstract fun getStyle(name: String): String?

Get value of the given CSS style.

gridArea

@Composable

abstract fun gridArea(gridArea: String?)

Set the CSS grid area.

gridAutoColumns

@Composable

abstract fun gridAutoColumns(gridAutoColumns: String?)

Set the CSS grid auto columns.

gridAutoFlow

@Composable

abstract fun gridAutoFlow(gridAutoFlow: GridAutoFlow?)

Set the CSS grid auto flow.

gridAutoRows

@Composable

abstract fun gridAutoRows(gridAutoRows: String?)

Set the CSS grid auto rows.

gridColumn

@Composable

abstract fun gridColumn(gridColumn: String?)

Set the CSS grid column.

gridColumnEnd

@Composable

abstract fun gridColumnEnd(gridColumnEnd: String?)

Set the CSS grid column end.

gridColumnStart

@Composable

abstract fun gridColumnStart(gridColumnStart: String?)

Set the CSS grid column start.

gridPanel

@Composable

fun IComponent.gridPanel(gridAutoColumns: String? = null, gridAutoRows: String? = null, gridAutoFlow: GridAutoFlow? = null, gridTemplateColumns: String? = null, gridTemplateRows: String? = null, gridTemplateAreas: List<String>? = null, justifyItems: JustifyItems? = null, justifyContent: JustifyContent? = null, alignItems: AlignItems? = null, alignContent: AlignContent? = null, rowGap: CssSize? = null, columnGap: CssSize? = null, className: String? = null, id: String? = null, content: @Composable IDiv.() -> Unit)

Creates a CSS grid container.

gridPanelRef

@Composable

fun IComponent.gridPanelRef(gridAutoColumns: String? = null, gridAutoRows: String? = null, gridAutoFlow: GridAutoFlow? = null, gridTemplateColumns: String? = null, gridTemplateRows: String? = null, gridTemplateAreas: List<String>? = null, justifyItems: JustifyItems? = null, justifyContent: JustifyContent? = null, alignItems: AlignItems? = null, alignContent: AlignContent? = null, rowGap: CssSize? = null, columnGap: CssSize? = null, className: String? = null, id: String? = null, content: @Composable IDiv.() -> Unit): Div

Creates a CSS grid container, returning a reference.

gridRow

@Composable

abstract fun gridRow(gridRow: String?)

Set the CSS grid row.

gridRowEnd

@Composable

abstract fun gridRowEnd(gridRowEnd: String?)

Set the CSS grid row end.

gridRowStart

@Composable

abstract fun gridRowStart(gridRowStart: String?)

Set the CSS grid row start.

gridTemplate

@Composable

abstract fun gridTemplate(gridTemplate: String?)

Set the CSS grid template.

gridTemplateAreas

@Composable

abstract fun gridTemplateAreas(gridTemplateAreas: List<String>?)

Set the CSS grid areas template.

gridTemplateColumns

@Composable

abstract fun gridTemplateColumns(gridTemplateColumns: String?)

Set the CSS grid columns template.

gridTemplateRows

@Composable

abstract fun gridTemplateRows(gridTemplateRows: String?)

Set the CSS grid rows template.

height

@Composable

abstract fun height(height: CssSize?)

Set the height of the current component.

hPanel

@Composable

fun IComponent.hPanel(flexWrap: FlexWrap? = null, justifyContent: JustifyContent? = null, alignItems: AlignItems? = null, gap: CssSize? = null, rowGap: CssSize? = null, className: String? = null, id: String? = null, content: @Composable IDiv.() -> Unit)

Creates a container with a horizontal layout.

hPanelRef

@Composable

fun IComponent.hPanelRef(flexWrap: FlexWrap? = null, justifyContent: JustifyContent? = null, alignItems: AlignItems? = null, gap: CssSize? = null, rowGap: CssSize? = null, className: String? = null, id: String? = null, content: @Composable IDiv.() -> Unit): Div

Creates a container with a horizontal layout, returning a reference.

@Composable

abstract fun id(id: String?)

Set the ID attribute of the current component.

iframe

@Composable

fun IComponent.iframe(src: String? = null, srcdoc: String? = null, name: String? = null, iframeWidth: Int? = null, iframeHeight: Int? = null, sandbox: Set<Sandbox>? = null, className: String? = null, id: String? = null, content: @Composable IIframe.() -> Unit = {})

Creates a Iframe component.

iframeRef

@Composable

fun IComponent.iframeRef(src: String? = null, srcdoc: String? = null, name: String? = null, iframeWidth: Int? = null, iframeHeight: Int? = null, sandbox: Set<Sandbox>? = null, className: String? = null, id: String? = null, content: @Composable IIframe.() -> Unit = {}): Iframe

Creates a Iframe component, returning a reference.

img

@Composable

fun IComponent.img(src: String? = null, alt: String? = null, className: String? = null, id: String? = null, content: @Composable IImg.() -> Unit = {})

Creates a Img component.

imgRef

@Composable

fun IComponent.imgRef(src: String? = null, alt: String? = null, className: String? = null, id: String? = null, content: @Composable IImg.() -> Unit = {}): Img

Creates a Img component, returning a reference.

justifyContent

@Composable

abstract fun justifyContent(justifyContent: JustifyContent?)

Set the CSS flexbox/grid content justification.

justifyItems

@Composable

abstract fun justifyItems(justifyItems: JustifyItems?)

Set the CSS grid items justification.

justifySelf

@Composable

abstract fun justifySelf(justifySelf: JustifyItems?)

Set the CSS grid items self-justification.

label

@Composable

fun IComponent.label(htmlFor: String? = null, className: String? = null, id: String? = null, content: @Composable ILabel.() -> Unit = {})

Creates a Label component.

labelRef

@Composable

fun IComponent.labelRef(htmlFor: String? = null, className: String? = null, id: String? = null, content: @Composable ILabel.() -> Unit = {}): Label

Creates a Label component, returning a reference.

left

@Composable

abstract fun left(left: CssSize?)

Set the left edge of the current component.

letterSpacing

@Composable

abstract fun letterSpacing(letterSpacing: CssSize?)

Set the CSS Text letter spacing of the current component.

lineBreak

@Composable

abstract fun lineBreak(lineBreak: LineBreak?)

Set the CSS line break of the current component.

lineHeight

@Composable

abstract fun lineHeight(lineHeight: CssSize?)

Set the CSS Text line height of the current component.

listStyle

@Composable

abstract fun listStyle(listStyle: ListStyle?)

Set the list style of the current component.

listStyle

@Composable

fun TagStyleFun.listStyle(type: ListStyleType? = null, position: ListStylePosition? = null, image: String? = null)

Set the list style of the current component.

margin

@Composable

abstract fun margin(margin: CssSize?)

Set the margin of the current component.

marginBottom

@Composable

abstract fun marginBottom(marginBottom: CssSize?)

Set the bottom margin of the current component.

marginLeft

@Composable

abstract fun marginLeft(marginLeft: CssSize?)

Set the left margin of the current component.

marginRight

@Composable

abstract fun marginRight(marginRight: CssSize?)

Set the right margin of the current component.

marginTop

@Composable

abstract fun marginTop(marginTop: CssSize?)

Set the top margin of the current component.

maxHeight

@Composable

abstract fun maxHeight(maxHeight: CssSize?)

Set the maximal height of the current component.

maxWidth

@Composable

abstract fun maxWidth(maxWidth: CssSize?)

Set the maximal width of the current component.

minHeight

@Composable

abstract fun minHeight(minHeight: CssSize?)

Set the minimal height of the current component.

minWidth

@Composable

abstract fun minWidth(minWidth: CssSize?)

Set the minimal width of the current component.

numeric

@Composable

fun IComponent.numeric(value: Number? = null, min: Number? = null, max: Number? = null, decimals: Int = NUMERIC_DEFAULT_DECIMALS, name: String? = null, placeholder: String? = null, disabled: Boolean? = null, required: Boolean? = null, locale: Locale = LocaleManager.currentLocale, className: String? = null, id: String? = null, setup: @Composable INumeric.() -> Unit = {})

Creates a Numeric component.

numericRef

@Composable

fun IComponent.numericRef(value: Number? = null, min: Number? = null, max: Number? = null, decimals: Int = NUMERIC_DEFAULT_DECIMALS, name: String? = null, placeholder: String? = null, disabled: Boolean? = null, required: Boolean? = null, locale: Locale = LocaleManager.currentLocale, className: String? = null, id: String? = null, setup: @Composable INumeric.() -> Unit = {}): Numeric

Creates a Numeric component, returning a reference.

@Composable

fun IComponent.ol(type: OlType? = null, start: Int? = null, className: String? = null, id: String? = null, content: @Composable IOl.() -> Unit = {})

Creates a Ol component.

olRef

@Composable

fun IComponent.olRef(type: OlType? = null, start: Int? = null, className: String? = null, id: String? = null, content: @Composable IOl.() -> Unit = {}): Ol

Creates a Ol component, returninig a reference.

onBlur

@Composable

abstract fun onBlur(listener: (FocusEvent) -> Unit): Int

Add blur event listener (composable).

onBlurDirect

abstract fun onBlurDirect(listener: (FocusEvent) -> Unit): Int

Add blur event listener (not composable).

onChange

@Composable

abstract fun onChange(listener: (Event) -> Unit): Int

Add change event listener (composable).

onChangeDirect

abstract fun onChangeDirect(listener: (Event) -> Unit): Int

Add change event listener (not composable).

onClick

@Composable

abstract fun onClick(listener: (MouseEvent) -> Unit): Int

Add click event listener (composable).

onClickDirect

abstract fun onClickDirect(listener: (MouseEvent) -> Unit): Int

Add click event listener (not composable).

onCombineClick

@Composable

fun TagEvents.onCombineClick(onLongClick: () -> Unit? = null, onDoubleClick: () -> Unit? = null, onClick: () -> Unit)

A Composable function that handles click, double-click, and long click events for a component. It combines multiple input events such as mouse and touch events to trigger the respective actions based on the user's interaction.

onContextmenu

@Composable

abstract fun onContextmenu(listener: (MouseEvent) -> Unit): Int

Add context menu event listener (composable).

onContextmenuDirect

abstract fun onContextmenuDirect(listener: (MouseEvent) -> Unit): Int

Add context menu event listener (not composable).

onDblclick

@Composable

abstract fun onDblclick(listener: (MouseEvent) -> Unit): Int

Add double click event listener (composable).

onDblclickDirect

abstract fun onDblclickDirect(listener: (MouseEvent) -> Unit): Int

Add double click event listener (not composable).

onEvent

@Composable

abstract fun <EV : Event> onEvent(name: String, listener: (EV) -> Unit): Int

Add event listener by event name (composable).

onEventDirect

abstract fun <EV : Event> onEventDirect(name: String, listener: (EV) -> Unit): Int

Add event listener by event name (not composable).

onFocus

@Composable

abstract fun onFocus(listener: (FocusEvent) -> Unit): Int

Add focus event listener (composable).

onFocusDirect

abstract fun onFocusDirect(listener: (FocusEvent) -> Unit): Int

Add focus event listener (not composable).

onInput

@Composable

abstract fun onInput(listener: (InputEvent) -> Unit): Int

Add input event listener (composable).

onInputDirect

abstract fun onInputDirect(listener: (InputEvent) -> Unit): Int

Add input event listener (not composable).

onKeydown

@Composable

abstract fun onKeydown(listener: (KeyboardEvent) -> Unit): Int

Add key down event listener (composable).

onKeydownDirect

abstract fun onKeydownDirect(listener: (KeyboardEvent) -> Unit): Int

Add key down event listener (not composable).

onKeypress

@Composable

abstract fun onKeypress(listener: (KeyboardEvent) -> Unit): Int

Add key press event listener (composable).

onKeypressDirect

abstract fun onKeypressDirect(listener: (KeyboardEvent) -> Unit): Int

Add key press event listener (not composable).

onKeyup

@Composable

abstract fun onKeyup(listener: (KeyboardEvent) -> Unit): Int

Add key up event listener (composable).

onKeyupDirect

abstract fun onKeyupDirect(listener: (KeyboardEvent) -> Unit): Int

Add key up event listener (not composable).

onMouseDown

@Composable

abstract fun onMouseDown(listener: (MouseEvent) -> Unit): Int

Add mouse down event listener (composable).

onMouseDownDirect

abstract fun onMouseDownDirect(listener: (MouseEvent) -> Unit): Int

Add mouse down event listener (not composable).

onMouseEnter

@Composable

abstract fun onMouseEnter(listener: (MouseEvent) -> Unit): Int

Add mouse enter event listener (composable).

onMouseEnterDirect

abstract fun onMouseEnterDirect(listener: (MouseEvent) -> Unit): Int

Add mouse enter event listener (not composable).

onMouseLeave

@Composable

abstract fun onMouseLeave(listener: (MouseEvent) -> Unit): Int

Add mouse leave event listener (composable).

onMouseLeaveDirect

abstract fun onMouseLeaveDirect(listener: (MouseEvent) -> Unit): Int

Add mouse leave event listener (not composable).

onMouseMove

@Composable

abstract fun onMouseMove(listener: (MouseEvent) -> Unit): Int

Add mouse move event listener (composable).

onMouseMoveDirect

abstract fun onMouseMoveDirect(listener: (MouseEvent) -> Unit): Int

Add mouse move event listener (not composable).

onMouseOut

@Composable

abstract fun onMouseOut(listener: (MouseEvent) -> Unit): Int

Add mouse out event listener (composable).

onMouseOutDirect

abstract fun onMouseOutDirect(listener: (MouseEvent) -> Unit): Int

Add mouse out event listener (not composable).

onMouseOver

@Composable

abstract fun onMouseOver(listener: (MouseEvent) -> Unit): Int

Add mouse over event listener (composable).

onMouseOverDirect

abstract fun onMouseOverDirect(listener: (MouseEvent) -> Unit): Int

Add mouse over event listener (not composable).

onMouseUp

@Composable

abstract fun onMouseUp(listener: (MouseEvent) -> Unit): Int

Add mouse up event listener (composable).

onMouseUpDirect

abstract fun onMouseUpDirect(listener: (MouseEvent) -> Unit): Int

Add mouse up event listener (not composable).

onPointerDown

@Composable

abstract fun onPointerDown(listener: (PointerEvent) -> Unit): Int

Add pointer down event listener (composable).

onPointerDownDirect

abstract fun onPointerDownDirect(listener: (PointerEvent) -> Unit): Int

Add pointer down event listener (not composable).

onPointerUp

@Composable

abstract fun onPointerUp(listener: (PointerEvent) -> Unit): Int

Add pointer up event listener (composable).

onPointerUpDirect

abstract fun onPointerUpDirect(listener: (PointerEvent) -> Unit): Int

Add pointer up event listener (not composable).

onTouchCancel

@Composable

abstract fun onTouchCancel(listener: (TouchEvent) -> Unit): Int

Add touch cancel event listener (composable).

onTouchCancelDirect

abstract fun onTouchCancelDirect(listener: (TouchEvent) -> Unit): Int

Add touch cancel event listener (not composable).

onTouchEnd

@Composable

abstract fun onTouchEnd(listener: (TouchEvent) -> Unit): Int

Add touch end event listener (composable).

onTouchEndDirect

abstract fun onTouchEndDirect(listener: (TouchEvent) -> Unit): Int

Add touch end event listener (not composable).

onTouchStart

@Composable

abstract fun onTouchStart(listener: (TouchEvent) -> Unit): Int

Add touch start event listener (composable).

onTouchStartDirect

abstract fun onTouchStartDirect(listener: (TouchEvent) -> Unit): Int

Add touch start event listener (not composable).

opacity

@Composable

abstract fun opacity(opacity: Double?)

Set the opacity of the current component.

optgroup

@Composable

fun IComponent.optgroup(label: String? = null, disabled: Boolean? = null, className: String? = null, id: String? = null, content: @Composable IOptgroup.() -> Unit = {})

Creates a Optgroup component.

optgroupRef

@Composable

fun IComponent.optgroupRef(label: String? = null, disabled: Boolean? = null, className: String? = null, id: String? = null, content: @Composable IOptgroup.() -> Unit = {}): Optgroup

Creates a Optgroup component, returning a reference.

option

@Composable

fun IComponent.option(value: String? = null, label: String? = null, selected: Boolean? = null, disabled: Boolean? = null, className: String? = null, id: String? = null, content: @Composable IOption.() -> Unit = {})

Creates an Option component.

optionRef

@Composable

fun IComponent.optionRef(value: String? = null, label: String? = null, selected: Boolean? = null, disabled: Boolean? = null, className: String? = null, id: String? = null, content: @Composable IOption.() -> Unit = {}): Option

Creates an Option component, returning a reference.

order

@Composable

abstract fun order(order: Int?)

Set the CSS flexbox item order.

outline

@Composable

abstract fun outline(outline: Outline?)

Set the outline of the current component.

outline

@Composable

fun TagStyleFun.outline(width: CssSize? = null, style: OutlineStyle? = null, color: Color? = null)

Set the outline of the current component.

overflow

@Composable

abstract fun overflow(overflow: Overflow?)

Set the CSS overflow of the current component.

overflowWrap

@Composable

abstract fun overflowWrap(overflowWrap: OverflowWrap?)

Set the CSS overflow-wrap of the current component.

overflowX

@Composable

abstract fun overflowX(overflowX: Overflow?)

Set the CSS overflow-x of the current component.

overflowY

@Composable

abstract fun overflowY(overflowY: Overflow?)

Set the CSS overflow-y of the current component.

padding

@Composable

abstract fun padding(padding: CssSize?)

Set the padding of the current component.

paddingBottom

@Composable

abstract fun paddingBottom(paddingBottom: CssSize?)

Set the bottom padding of the current component.

paddingLeft

@Composable

abstract fun paddingLeft(paddingLeft: CssSize?)

Set the left padding of the current component.

paddingRight

@Composable

abstract fun paddingRight(paddingRight: CssSize?)

Set the right padding of the current component.

paddingTop

@Composable

abstract fun paddingTop(paddingTop: CssSize?)

Set the top padding of the current component.

password

@Composable

fun IComponent.password(value: String? = null, name: String? = null, maxlength: Int? = null, placeholder: String? = null, disabled: Boolean? = null, required: Boolean? = null, className: String? = null, id: String? = null, setup: @Composable IText.() -> Unit = {})

Creates Text component with password input type.

passwordRef

@Composable

fun IComponent.passwordRef(value: String? = null, name: String? = null, maxlength: Int? = null, placeholder: String? = null, disabled: Boolean? = null, required: Boolean? = null, className: String? = null, id: String? = null, setup: @Composable IText.() -> Unit = {}): Text

Creates Text component with password input type, returning a reference.

position

@Composable

abstract fun position(position: Position?)

Set the CSS position of the current component.

radio

@Composable

fun IComponent.radio(value: Boolean = false, name: String? = null, disabled: Boolean? = null, required: Boolean? = null, className: String? = null, id: String? = null, setup: @Composable IRadio.() -> Unit = {})

Creates Radio component.

radioGroup

@Composable

fun IComponent.radioGroup(options: List<StringPair>? = null, value: String? = null, inline: Boolean = false, name: String? = null, disabled: Boolean? = null, required: Boolean? = null, groupClassName: String? = null, inputClassName: String? = null, labelClassName: String? = null, addon: @Composable IComponent.(Int, StringPair, String) -> Unit? = null, className: String? = null, id: String? = null, setup: @Composable IRadioGroup.() -> Unit = {})

Creates RadioGroup component.

radioGroupRef

@Composable

fun IComponent.radioGroupRef(options: List<StringPair>? = null, value: String? = null, inline: Boolean = false, name: String? = null, disabled: Boolean? = null, required: Boolean? = null, groupClassName: String? = null, inputClassName: String? = null, labelClassName: String? = null, addon: @Composable IComponent.(Int, StringPair, String) -> Unit? = null, className: String? = null, id: String? = null, setup: @Composable IRadioGroup.() -> Unit = {}): RadioGroup

Creates RadioGroup component, returning a reference.

radioRef

@Composable

fun IComponent.radioRef(value: Boolean = false, name: String? = null, disabled: Boolean? = null, required: Boolean? = null, className: String? = null, id: String? = null, setup: @Composable IRadio.() -> Unit = {}): Radio

Creates Radio component, returning a reference.

range

@Composable

fun IComponent.range(value: Number? = null, min: Number = RANGE_DEFAULT_MIN, max: Number = RANGE_DEFAULT_MAX, step: Number = RANGE_DEFAULT_STEP, name: String? = null, disabled: Boolean? = null, required: Boolean? = null, className: String? = null, id: String? = null, setup: @Composable IRange.() -> Unit = {})

Creates a Range component.

rangeRef

@Composable

fun IComponent.rangeRef(value: Number? = null, min: Number = RANGE_DEFAULT_MIN, max: Number = RANGE_DEFAULT_MAX, step: Number = RANGE_DEFAULT_STEP, name: String? = null, disabled: Boolean? = null, required: Boolean? = null, className: String? = null, id: String? = null, setup: @Composable IRange.() -> Unit = {}): Range

Creates a Range component, returning a reference.

rawHtml

@Composable

abstract fun rawHtml(rawHtml: String)

Set the raw HTML content.

rawHtml

@Composable

fun IComponent.rawHtml(rawHtml: String, setup: @Composable IRawHtml.() -> Unit = {})

Creates a RawHtml component.

rawHtmlBlock

@Composable

fun IComponent.rawHtmlBlock(rawHtml: String, setup: @Composable IRawHtmlBlock.() -> Unit = {})

Creates a RawHtmlBlock component.

rememberIsHoveredAsState

@Composable

fun TagEvents.rememberIsHoveredAsState(): State<Boolean>

A Composable function that creates and remembers the hover state of a component. It tracks whether the component is being hovered over using mouse events.

rememberIsPressedAsState

@Composable

fun TagEvents.rememberIsPressedAsState(): State<Boolean>

A Composable function that creates and remembers the pressed state of a component. It tracks whether the component is being pressed using pointer events.

removeEventListener

abstract fun removeEventListener(name: String, id: Int? = null)

Remove event listener by event name and ID.

resize

@Composable

abstract fun resize(resize: Resize?)

Set the CSS resize of the current component.

right

@Composable

abstract fun right(right: CssSize?)

Set the right edge of the current component.

role

@Composable

abstract fun role(role: String?)

Set the role attribute.

rowGap

@Composable

abstract fun rowGap(rowGap: CssSize?)

Set the CSS grid/flex row gap.

select

@Composable

fun IComponent.select(options: List<StringPair>? = null, value: String? = null, emptyOption: Boolean = false, multiple: Boolean = false, size: Int? = null, name: String? = null, placeholder: String? = null, disabled: Boolean? = null, required: Boolean? = null, className: String? = null, id: String? = null, setup: @Composable ISelect.() -> Unit = {})

Creates Select component.

selectRef

@Composable

fun IComponent.selectRef(options: List<StringPair>? = null, value: String? = null, emptyOption: Boolean = false, multiple: Boolean = false, size: Int? = null, name: String? = null, placeholder: String? = null, disabled: Boolean? = null, required: Boolean? = null, className: String? = null, id: String? = null, setup: @Composable ISelect.() -> Unit = {}): Select

Creates Select component, returning a reference.

setDragDropData

@Composable

abstract fun setDragDropData(format: String, data: String)

Sets D&D data for the current widget. It also makes it draggable.

setDropTarget

@Composable

abstract fun setDropTarget(callback: (DragEvent) -> Unit)

@Composable

abstract fun setDropTarget(format: String, callback: (DragEvent) -> Unit)

@Composable

abstract fun setDropTarget(formats: Set<String>?, callback: (DragEvent) -> Unit)

Sets the current component as a D&D drop target.

setDropTargetData

@Composable

abstract fun setDropTargetData(format: String, callback: (String?) -> Unit)

Sets the current component as a D&D drop target with helper callback accepting String data.

spinner

@Composable

fun IComponent.spinner(value: Int? = null, min: Int? = null, max: Int? = null, step: Int = SPINNER_DEFAULT_STEP, name: String? = null, maxlength: Int? = null, placeholder: String? = null, disabled: Boolean? = null, required: Boolean? = null, className: String? = null, id: String? = null, setup: @Composable ISpinner.() -> Unit = {})

Creates a Spinner component.

spinnerRef

@Composable

fun IComponent.spinnerRef(value: Int? = null, min: Int? = null, max: Int? = null, step: Int = SPINNER_DEFAULT_STEP, name: String? = null, maxlength: Int? = null, placeholder: String? = null, disabled: Boolean? = null, required: Boolean? = null, className: String? = null, id: String? = null, setup: @Composable ISpinner.() -> Unit = {}): Spinner

Creates a Spinner component, returning a reference.

style

@Composable

abstract fun style(name: String, value: String?)

Set value for the given CSS style.

style

@Composable

fun <E : HTMLElement> ITag<E>.style(selector: String? = null, pClass: PClass? = null, pElement: PElement? = null, mediaQuery: String? = null, content: @Composable CssStyle.() -> Unit = {}): String

Declares a CSS rule and applies it to the enclosing component. Returns the selector.

tabindex

@Composable

abstract fun tabindex(tabindex: Int?)

Set the tabindex attribute.

tag

@Composable

fun <E : HTMLElement> IComponent.tag(tagName: String, className: String? = null, id: String? = null, namespace: String? = null, content: @Composable ITag<E>.() -> Unit = {})

Creates a Tag component with given DOM element type.

@Composable

fun IComponent.tag(tagName: String, className: String? = null, id: String? = null, namespace: String? = null, content: @Composable ITag<HTMLElement>.() -> Unit = {})

Creates a Tag component with HTMLElement type.

tagRef

@Composable

fun <E : HTMLElement> IComponent.tagRef(tagName: String, className: String? = null, id: String? = null, namespace: String? = null, content: @Composable ITag<E>.() -> Unit = {}): Tag<E>

Creates a Tag component with given DOM element type, returning a reference.

@Composable

fun IComponent.tagRef(tagName: String, className: String? = null, id: String? = null, namespace: String? = null, content: @Composable ITag<HTMLElement>.() -> Unit = {}): Tag<HTMLElement>

Creates a Tag component with HTMLElement type, returning a reference.

@Composable

fun IComponent.td(colspan: Int? = null, rowspan: Int? = null, className: String? = null, id: String? = null, content: @Composable ITd.() -> Unit = {})

Creates a Td component.

tdRef

@Composable

fun IComponent.tdRef(colspan: Int? = null, rowspan: Int? = null, className: String? = null, id: String? = null, content: @Composable ITd.() -> Unit = {}): Td

Creates a Td component, returning a reference.

tdt

@Composable

fun IComponent.tdt(text: String, colspan: Int? = null, rowspan: Int? = null, className: String? = null, id: String? = null, content: @Composable ITd.() -> Unit = {})

Creates a Td component with text.

tdtRef

@Composable

fun IComponent.tdtRef(text: String, colspan: Int? = null, rowspan: Int? = null, className: String? = null, id: String? = null, content: @Composable ITd.() -> Unit = {}): Td

Creates a Td component with text, returning a reference.

text

@Composable

fun IComponent.text(value: String? = null, type: InputType = InputType.Text, name: String? = null, maxlength: Int? = null, placeholder: String? = null, disabled: Boolean? = null, required: Boolean? = null, className: String? = null, id: String? = null, setup: @Composable IText.() -> Unit = {})

Creates Text component.

textAlign

@Composable

abstract fun textAlign(textAlign: TextAlign?)

Set the CSS Text align of the current component.

textArea

@Composable

fun IComponent.textArea(value: String? = null, cols: Int? = null, rows: Int? = null, name: String? = null, maxlength: Int? = null, placeholder: String? = null, disabled: Boolean? = null, required: Boolean? = null, className: String? = null, id: String? = null, setup: @Composable ITextArea.() -> Unit = {})

Creates a TextArea component.

textAreaRef

@Composable

fun IComponent.textAreaRef(value: String? = null, cols: Int? = null, rows: Int? = null, name: String? = null, maxlength: Int? = null, placeholder: String? = null, disabled: Boolean? = null, required: Boolean? = null, className: String? = null, id: String? = null, setup: @Composable ITextArea.() -> Unit = {}): TextArea

Creates a TextArea component, returnig a reference.

textDecoration

@Composable

abstract fun textDecoration(textDecoration: TextDecoration?)

Set the CSS Text decoration of the current component.

textDecoration

@Composable

fun TagStyleFun.textDecoration(line: TextDecorationLine? = null, style: TextDecorationStyle? = null, color: Color? = null)

Set the CSS Text decoration of the current component.

textIndent

@Composable

abstract fun textIndent(textIndent: CssSize?)

Set the CSS Text indent of the current component.

textNode

@Composable

fun IComponent.textNode(data: String)

Creates a TextNode component.

textOverflow

@Composable

abstract fun textOverflow(textOverflow: TextOverflow?)

Set the CSS Text overflow of the current component.

textRef

@Composable

fun IComponent.textRef(value: String? = null, type: InputType = InputType.Text, name: String? = null, maxlength: Int? = null, placeholder: String? = null, disabled: Boolean? = null, required: Boolean? = null, className: String? = null, id: String? = null, setup: @Composable IText.() -> Unit = {}): Text

Creates Text component, returning a reference.

textShadow

@Composable

abstract fun textShadow(textShadow: TextShadow?)

Set the CSS Text shadow of the current component.

textShadow

@Composable

fun TagStyleFun.textShadow(hShadow: CssSize? = null, vShadow: CssSize? = null, blurRadius: CssSize? = null, color: Color? = null)

Set the CSS Text shadow of the current component.

textTransform

@Composable

abstract fun textTransform(textTransform: TextTransform?)

Set the CSS Text transform of the current component.

@Composable

fun IComponent.th(colspan: Int? = null, rowspan: Int? = null, scope: ThScope? = null, className: String? = null, id: String? = null, content: @Composable ITh.() -> Unit = {})

Creates a Th component.

thRef

@Composable

fun IComponent.thRef(colspan: Int? = null, rowspan: Int? = null, scope: ThScope? = null, className: String? = null, id: String? = null, content: @Composable ITh.() -> Unit = {}): Th

Creates a Th component, returning a reference.

tht

@Composable

fun IComponent.tht(text: String, colspan: Int? = null, rowspan: Int? = null, scope: ThScope? = null, className: String? = null, id: String? = null, content: @Composable ITh.() -> Unit = {})

Creates a Th component with text.

thtRef

@Composable

fun IComponent.thtRef(text: String, colspan: Int? = null, rowspan: Int? = null, scope: ThScope? = null, className: String? = null, id: String? = null, content: @Composable ITh.() -> Unit = {}): Th

Creates a Th component with text, returning a reference.

time

@Composable

fun IComponent.time(value: LocalTime? = null, min: LocalTime? = null, max: LocalTime? = null, step: Int = TIME_DEFAULT_STEP, name: String? = null, maxlength: Int? = null, placeholder: String? = null, disabled: Boolean? = null, required: Boolean? = null, className: String? = null, id: String? = null, setup: @Composable ITime.() -> Unit = {})

Creates a Time component.

timeRef

@Composable

fun IComponent.timeRef(value: LocalTime? = null, min: LocalTime? = null, max: LocalTime? = null, step: Int = TIME_DEFAULT_STEP, name: String? = null, maxlength: Int? = null, placeholder: String? = null, disabled: Boolean? = null, required: Boolean? = null, className: String? = null, id: String? = null, setup: @Composable ITime.() -> Unit = {}): Time

Creates a Time component, returning a reference.

title

@Composable

abstract fun title(title: String?)

Set the title attribute.

top

@Composable

abstract fun top(top: CssSize?)

Set the top edge of the current component.

transition

@Composable

abstract fun transition(transition: Transition?)

Set the CSS transition effect for the current component.

transition

@Composable

fun TagStyleFun.transition(property: String? = null, duration: Duration? = null, timingFunction: String? = null, delay: Duration? = null)

Set the CSS transition effect for the current component.

transitionList

@Composable

abstract fun transitionList(transitionList: List<Transition>?)

Set the list of CSS transition effects for the current component.

triStateCheckBox

@Composable

fun IComponent.triStateCheckBox(value: Boolean? = null, name: String? = null, disabled: Boolean? = null, required: Boolean? = null, className: String? = null, id: String? = null, setup: @Composable ITriStateCheckBox.() -> Unit = {})

Creates TriStateCheckBox component.

triStateCheckBoxRef

@Composable

fun IComponent.triStateCheckBoxRef(value: Boolean? = null, name: String? = null, disabled: Boolean? = null, required: Boolean? = null, className: String? = null, id: String? = null, setup: @Composable ITriStateCheckBox.() -> Unit = {}): TriStateCheckBox

Creates TriStateCheckBox component, returning a reference.

unaryPlus

@Composable

open operator fun String.unaryPlus()

Creates a TextNode component with unary + operator.

@Composable

open operator fun ModifierBase.unaryPlus()

Use the modifier for the current tag.

unicodeBidi

@Composable

abstract fun unicodeBidi(unicodeBidi: UnicodeBidi?)

Set the CSS Text unicode-bidi of the current component.

upload

@Composable

fun IComponent.upload(multiple: Boolean = false, accept: List<String>? = null, capture: Capture? = null, name: String? = null, disabled: Boolean? = null, required: Boolean? = null, className: String? = null, id: String? = null, setup: @Composable IUpload.() -> Unit = {})

Creates Upload component.

uploadRef

@Composable

fun IComponent.uploadRef(multiple: Boolean = false, accept: List<String>? = null, capture: Capture? = null, name: String? = null, disabled: Boolean? = null, required: Boolean? = null, className: String? = null, id: String? = null, setup: @Composable IUpload.() -> Unit = {}): Upload

Creates Upload component, returning a reference.

verticalAlign

@Composable

abstract fun verticalAlign(verticalAlign: VerticalAlign?)

Set the CSS Text vertical align of the current component.

visibility

@Composable

abstract fun visibility(visibility: Visibility?)

Set the CSS visibility of the current component.

visible

@Composable

abstract fun visible(visible: Boolean)

vPanel

@Composable

fun IComponent.vPanel(flexWrap: FlexWrap? = null, justifyContent: JustifyContent? = null, alignItems: AlignItems? = null, gap: CssSize? = null, columnGap: CssSize? = null, className: String? = null, id: String? = null, content: @Composable IDiv.() -> Unit)

Creates a container with a vertical layout.

vPanelRef

@Composable

fun IComponent.vPanelRef(flexWrap: FlexWrap? = null, justifyContent: JustifyContent? = null, alignItems: AlignItems? = null, gap: CssSize? = null, columnGap: CssSize? = null, className: String? = null, id: String? = null, content: @Composable IDiv.() -> Unit): Div

Creates a container with a vertical layout, returning a reference.

whiteSpace

@Composable

abstract fun whiteSpace(whiteSpace: WhiteSpace?)

Set the CSS Text white space of the current component.

width

@Composable

abstract fun width(width: CssSize?)

Set the width of the current component.

wordBreak

@Composable

abstract fun wordBreak(wordBreak: WordBreak?)