kilua/dev.kilua.form.time/DateTime

DateTime

open class 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, renderConfig: RenderConfig = RenderConfig.Default) : Input<LocalDateTime> , DateTimeFormControl, IDateTime(source)

Date and time input component.

Constructors

DateTime

constructor(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, renderConfig: RenderConfig = RenderConfig.Default)

Properties

accesskey

open override var accesskey: Char?

The accesskey attribute.

alignContent

open override var alignContent: AlignContent?

CSS flexbox/grid content alignment.

alignItems

open override var alignItems: AlignItems?

CSS flexbox/grid items alignment.

alignSelf

open override var alignSelf: AlignItems?

CSS flexbox items self-alignment.

ariaDescribedby

open override var ariaDescribedby: String?

The aria-describedby attribute.

ariaLabel

open override var ariaLabel: String?

The aria-label attribute.

ariaLabelledby

open override var ariaLabelledby: String?

The aria-labelledby attribute.

autocomplete

open override var autocomplete: Autocomplete?

The autocomplete attribute of the generated HTML input element.

autofocus

open override var autofocus: Boolean?

The autofocus attribute.

background

open override var background: Background?

Background of the current component.

border

open override var border: Border?

Border of the current component.

borderBottom

open override var borderBottom: Border?

Bottom border of the current component.

borderLeft

open override var borderLeft: Border?

Left border of the current component.

borderRadius

open override var borderRadius: CssSize?

CSS border radius.

borderRadiusList

open override var borderRadiusList: List<CssSize>?

List of CSS border radius values.

borderRight

open override var borderRight: Border?

Right border of the current component.

borderTop

open override var borderTop: Border?

Top border of the current component.

bottom

open override var bottom: CssSize?

Bottom edge of the current component.

boxShadow

open override var boxShadow: BoxShadow?

Box shadow of the current component.

boxShadowList

open override var boxShadowList: List<BoxShadow>?

List of box shadows of the current component.

children

open override val children: MutableList<ComponentBase>

List of child components.

className

open override var className: String?

The CSS class of the current component.

clear

open override var clear: Clear?

CSS clear float of the current component.

color

open override var color: Color?

Text color for the current component.

columnGap

open override var columnGap: CssSize?

CSS grid/flex column gap.

componentId

open override val componentId: Int

Unique component id.

cursor

open override var cursor: Cursor?

CSS cursor shape over the current component.

customValidity

open override var customValidity: String?

The custom validity of the HTML element.

defaultValue

open override var defaultValue: LocalDateTime?

The value attribute of the generated HTML input element.

direction

open override var direction: Direction?

CSS Text direction of the current component.

disabled

open override var disabled: Boolean?

The disabled attribute of the generated HTML input element.

display

open override var display: Display?

CSS display of the current component.

draggable

open override var draggable: Boolean?

The draggable attribute.

element

open override val element: HTMLInputElement

The DOM element of the current component.

flexBasis

open override var flexBasis: CssSize?

CSS flexbox item basis.

flexDirection

open override var flexDirection: FlexDirection?

CSS flexbox direction.

flexGrow

open override var flexGrow: Int?

CSS flexbox item grow.

flexShrink

open override var flexShrink: Int?

CSS flexbox item shrink.

flexWrap

open override var flexWrap: FlexWrap?

CSS flexbox wrap mode.

float

open override var float: CssFloat?

CSS position float of the current component.

fontFamily

open override var fontFamily: String?

CSS font family of the current component.

fontSize

open override var fontSize: CssSize?

CSS font size of the current component.

fontStyle

open override var fontStyle: FontStyle?

CSS font style of the current component.

fontVariant

open override var fontVariant: FontVariant?

CSS font public override variant of the current component.

fontWeight

open override var fontWeight: FontWeight?

CSS font weight of the current component.

gridArea

open override var gridArea: String?

CSS grid area.

gridAutoColumns

open override var gridAutoColumns: String?

CSS grid auto columns.

gridAutoFlow

open override var gridAutoFlow: GridAutoFlow?

CSS grid auto flow.

gridAutoRows

open override var gridAutoRows: String?

CSS grid auto rows.

gridColumn

open override var gridColumn: String?

CSS grid column.

gridColumnEnd

open override var gridColumnEnd: String?

CSS grid column end.

gridColumnStart

open override var gridColumnStart: String?

CSS grid column start.

gridRow

open override var gridRow: String?

CSS grid row.

gridRowEnd

open override var gridRowEnd: String?

CSS grid row end.

gridRowStart

open override var gridRowStart: String?

CSS grid row start.

gridTemplate

open override var gridTemplate: String?

CSS grid template.

gridTemplateAreas

open override var gridTemplateAreas: List<String>?

CSS grid areas template.

gridTemplateColumns

open override var gridTemplateColumns: String?

CSS grid columns template.

gridTemplateRows

open override var gridTemplateRows: String?

CSS grid rows template.

height

open override var height: CssSize?

Height of the current component.

open override var id: String?

The ID attribute of the current component.

innerHTML

open val innerHTML: String

Render children components to a string.

justifyContent

open override var justifyContent: JustifyContent?

CSS flexbox/grid content justification.

justifyItems

open override var justifyItems: JustifyItems?

CSS grid items justification.

justifySelf

open override var justifySelf: JustifyItems?

CSS grid items self-justification.

left

open override var left: CssSize?

Left edge of the current component.

letterSpacing

open override var letterSpacing: CssSize?

CSS Text letter spacing of the current component.

lineBreak

open override var lineBreak: LineBreak?

CSS line break of the current component.

lineHeight

open override var lineHeight: CssSize?

CSS Text line height of the current component.

list

open override var list: String?

The list attribute of the generated HTML input element.

listStyle

open override var listStyle: ListStyle?

List style of the current component.

margin

open override var margin: CssSize?

Margin of the current component.

marginBottom

open override var marginBottom: CssSize?

Bottom margin of the current component.

marginLeft

open override var marginLeft: CssSize?

Left margin of the current component.

marginRight

open override var marginRight: CssSize?

Right margin of the current component.

marginTop

open override var marginTop: CssSize?

Top margin of the current component.

maskOptions

open override var maskOptions: MaskOptions?

The input mask options.

max

open override var max: LocalDateTime?

The maximum value of the date and time.

maxHeight

open override var maxHeight: CssSize?

Maximal height of the current component.

maxlength

open override var maxlength: Int?

The maxlength attribute of the generated HTML input element.

maxWidth

open override var maxWidth: CssSize?

Maximal width of the current component.

min

open override var min: LocalDateTime?

The minimum value of the date and time.

minHeight

open override var minHeight: CssSize?

Minimal height of the current component.

minWidth

open override var minWidth: CssSize?

Minimal width of the current component.

mutableStateFlow

open override val mutableStateFlow: MutableStateFlow<LocalDateTime?>

A mutable state flow view of the component's state

name

open override var name: String?

The name attribute of the generated HTML input element.

node

val node: Node

opacity

open override var opacity: Double?

Opacity of the current component.

order

open override var order: Int?

CSS flexbox item order.

outline

open override var outline: Outline?

Outline of the current component.

overflow

open override var overflow: Overflow?

CSS overflow of the current component.

overflowWrap

open override var overflowWrap: OverflowWrap?

CSS overflow-wrap of the current component.

overflowX

open override var overflowX: Overflow?

CSS overflow-x of the current component.

overflowY

open override var overflowY: Overflow?

CSS overflow-y of the current component.

padding

open override var padding: CssSize?

Padding of the current component.

paddingBottom

open override var paddingBottom: CssSize?

Bottom padding of the current component.

paddingLeft

open override var paddingLeft: CssSize?

Left padding of the current component.

paddingRight

open override var paddingRight: CssSize?

Right padding of the current component.

paddingTop

open override var paddingTop: CssSize?

Top padding of the current component.

parent

open override var parent: Component?

Parent component.

placeholder

open override var placeholder: String?

The placeholder attribute of the generated HTML input element.

position

open override var position: Position?

CSS position of the current component.

readonly

open override var readonly: Boolean?

The readonly attribute of the generated HTML input element.

renderConfig

open override val renderConfig: RenderConfig

Render configuration.

required

open override var required: Boolean?

Determines if the field is required.

resize

open override var resize: Resize?

CSS resize of the current component.

right

open override var right: CssSize?

Right edge of the current component.

role

open override var role: String?

The role attribute.

rowGap

open override var rowGap: CssSize?

CSS grid/flex row gap.

stateFlow

open override val stateFlow: StateFlow<LocalDateTime?>

A state flow view of the component's state

step

open override var step: Int

The step value of the date and time.

tabindex

open override var tabindex: Int?

The tabindex attribute.

textAlign

open override var textAlign: TextAlign?

CSS Text align of the current component.

textContent

open var textContent: String?

The text content of the current component or null if the first child is not a TextNode.

textDecoration

open override var textDecoration: TextDecoration?

CSS Text decoration of the current component.

textIndent

open override var textIndent: CssSize?

CSS Text indent of the current component.

textOverflow

open override var textOverflow: TextOverflow?

CSS Text overflow of the current component.

textShadow

open override var textShadow: TextShadow?

CSS Text shadow of the current component.

textTransform

open override var textTransform: TextTransform?

CSS Text transform of the current component.

title

open override var title: String?

The title attribute.

top

open override var top: CssSize?

Top edge of the current component.

transition

open override var transition: Transition?

CSS transition effect for the current component.

transitionList

open override var transitionList: List<Transition>?

List of CSS transition effects for the current component.

type

open override var type: InputType

The type attribute of the generated HTML input element.

unicodeBidi

open override var unicodeBidi: UnicodeBidi?

CSS Text unicode-bidi of the current component.

value

open override var value: LocalDateTime?

Generic value.

verticalAlign

open override var verticalAlign: VerticalAlign?

CSS Text vertical align of the current component.

visibility

open override var visibility: Visibility?

CSS visibility of the current component.

visible

open override var visible: Boolean

Component visibility.

whiteSpace

open override var whiteSpace: WhiteSpace?

CSS Text white space of the current component.

width

open override var width: CssSize?

Width of the current component.

wordBreak

open override var wordBreak: WordBreak?

CSS word break of the current component.

wordSpacing

open override var wordSpacing: CssSize?

CSS Text word spacing of the current component.

zIndex

open override var zIndex: Int?

Z-index of the current component.

Functions

@Composable

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

open override fun accesskey(accesskey: Char?)

Set the accesskey attribute.

alignContent

@Composable

open override fun alignContent(alignContent: AlignContent?)

Set the CSS flexbox/grid content alignment.

alignItems

@Composable

open override fun alignItems(alignItems: AlignItems?)

Set the CSS flexbox/grid items alignment.

alignSelf

@Composable

open override 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

open override fun ariaDescribedby(ariaDescribedby: String?)

Set the aria-describedby attribute.

ariaLabel

@Composable

open override fun ariaLabel(ariaLabel: String?)

Set the aria-label attribute.

ariaLabelledby

@Composable

open override 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

open override fun attribute(name: String, value: String?)

Set value for the given attribute.

autocomplete

@Composable

open override fun autocomplete(autocomplete: Autocomplete?)

Set the autocomplete attribute of the generated HTML input element.

autofocus

@Composable

open override fun autofocus(autofocus: Boolean?)

Set the autofocus attribute.

background

@Composable

open override 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.

bind

@Composable

open fun <K : Any> bind(key: KProperty1<K, LocalDateTime?>, validator: (DateTimeFormControl) -> Boolean? = null)

Bind a date and time control to the form.

@Composable

open fun bind(key: String, validator: (FormControl<LocalDateTime?>) -> Boolean? = null)

Binds a form control to the form with a dynamic key.

bindWithValidationMessage

@Composable

open fun <K : Any> bindWithValidationMessage(key: KProperty1<K, LocalDateTime?>, validator: (DateTimeFormControl) -> Pair<Boolean, String?>? = null)

Bind a date and time control to the form.

@Composable

open fun bindWithValidationMessage(key: String, validator: (FormControl<LocalDateTime?>) -> Pair<Boolean, String?>? = null)

Binds a form control to the form with a dynamic key.

blur

open override fun blur()

Makes the element blur.

border

@Composable

open override 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

open override 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

open override 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

open override fun borderRadius(borderRadius: CssSize?)

Set the CSS border radius.

borderRadiusList

@Composable

open override fun borderRadiusList(borderRadiusList: List<CssSize>?)

Set the list of CSS border radius values.

borderRight

@Composable

open override 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

open override 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

open override fun bottom(bottom: CssSize?)

Set the bottom edge of the current component.

boxShadow

@Composable

open override 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

open override 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

open override fun className(className: String?)

Sets the CSS class of the current component.

clear

@Composable

open override fun clear(clear: Clear?)

Set the CSS clear float of the current component.

clearDragDropData

open override fun clearDragDropData()

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

clearDropTarget

open override fun clearDropTarget()

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

collectAsState

@Composable

fun <T> WithStateFlow<T>.collectAsState(context: CoroutineContext = EmptyCoroutineContext): State<T>

Collects values from this component and represents its latest value via State. The StateFlow.value is used as an initial value. Every time there would be new value posted into the StateFlow the returned State will be updated causing recomposition of every State.value usage.

color

@Composable

open override 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

open override fun columnGap(columnGap: CssSize?)

Set the CSS grid/flex column gap.

commentNode

@Composable

fun IComponent.commentNode(data: String)

Creates a CommentNode component.

cursor

@Composable

open override 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.

defaultValue

@Composable

open override fun defaultValue(defaultValue: LocalDateTime?)

Set the value attribute of the generated HTML input element.

direction

@Composable

open override fun direction(direction: Direction?)

Set the CSS Text direction of the current component.

disabled

@Composable

open override fun disabled(disabled: Boolean?)

Set the disabled attribute of the generated HTML input element.

dispatchEvent

open fun dispatchEvent(type: String, eventInitDict: CustomEventInit<*>): Boolean

Dispatches a custom event.

display

@Composable

open override fun display(display: Display?)

Set the CSS display of the current component.

draggable

@Composable

open override 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

open override fun flexBasis(flexBasis: CssSize?)

Set the CSS flexbox item basis.

flexDirection

@Composable

open override fun flexDirection(flexDirection: FlexDirection?)

Set the CSS flexbox direction.

flexGrow

@Composable

open override 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

open override fun flexShrink(flexShrink: Int?)

Set the CSS flexbox item shrink.

flexWrap

@Composable

open override fun flexWrap(flexWrap: FlexWrap?)

Set the CSS flexbox wrap mode.

float

@Composable

open override fun float(float: CssFloat?)

Set the CSS position float of the current component.

focus

open override fun focus()

Makes the element focused.

fontFamily

@Composable

open override fun fontFamily(fontFamily: String?)

Set the CSS font family of the current component.

fontSize

@Composable

open override fun fontSize(fontSize: CssSize?)

Set the CSS font size of the current component.

fontStyle

@Composable

open override fun fontStyle(fontStyle: FontStyle?)

Set the CSS font style of the current component.

fontVariant

@Composable

open override fun fontVariant(fontVariant: FontVariant?)

Set the CSS font variant of the current component.

fontWeight

@Composable

open override 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

open override fun getAttribute(name: String): String?

Get value of the given attribute.

getStyle

open override fun getStyle(name: String): String?

Get value of the given CSS style.

getValue

open fun getValue(): Any?

Returns the value of the form control.

getValueAsString

open override fun getValueAsString(): String?

Returns the value as a string.

gridArea

@Composable

open override fun gridArea(gridArea: String?)

Set the CSS grid area.

gridAutoColumns

@Composable

open override fun gridAutoColumns(gridAutoColumns: String?)

Set the CSS grid auto columns.

gridAutoFlow

@Composable

open override fun gridAutoFlow(gridAutoFlow: GridAutoFlow?)

Set the CSS grid auto flow.

gridAutoRows

@Composable

open override fun gridAutoRows(gridAutoRows: String?)

Set the CSS grid auto rows.

gridColumn

@Composable

open override fun gridColumn(gridColumn: String?)

Set the CSS grid column.

gridColumnEnd

@Composable

open override fun gridColumnEnd(gridColumnEnd: String?)

Set the CSS grid column end.

gridColumnStart

@Composable

open override 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

open override fun gridRow(gridRow: String?)

Set the CSS grid row.

gridRowEnd

@Composable

open override fun gridRowEnd(gridRowEnd: String?)

Set the CSS grid row end.

gridRowStart

@Composable

open override fun gridRowStart(gridRowStart: String?)

Set the CSS grid row start.

gridTemplate

@Composable

open override fun gridTemplate(gridTemplate: String?)

Set the CSS grid template.

gridTemplateAreas

@Composable

open override fun gridTemplateAreas(gridTemplateAreas: List<String>?)

Set the CSS grid areas template.

gridTemplateColumns

@Composable

open override fun gridTemplateColumns(gridTemplateColumns: String?)

Set the CSS grid columns template.

gridTemplateRows

@Composable

open override fun gridTemplateRows(gridTemplateRows: String?)

Set the CSS grid rows template.

height

@Composable

open override fun height(height: CssSize?)

Set the height of the current component.

hide

open fun hide()

Hide the 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

open override fun id(id: String?)

Sets 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.

installMask

open override fun installMask()

Install the input mask controller.

justifyContent

@Composable

open override fun justifyContent(justifyContent: JustifyContent?)

Set the CSS flexbox/grid content justification.

justifyItems

@Composable

open override fun justifyItems(justifyItems: JustifyItems?)

Set the CSS grid items justification.

justifySelf

@Composable

open override 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

open override fun left(left: CssSize?)

Set the left edge of the current component.

letterSpacing

@Composable

open override fun letterSpacing(letterSpacing: CssSize?)

Set the CSS Text letter spacing of the current component.

lineBreak

@Composable

open override fun lineBreak(lineBreak: LineBreak?)

Set the CSS line break of the current component.

lineHeight

@Composable

open override fun lineHeight(lineHeight: CssSize?)

Set the CSS Text line height of the current component.

list

@Composable

open override fun list(list: String?)

Set the list attribute of the generated HTML input element.

listStyle

@Composable

open override 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

open override fun margin(margin: CssSize?)

Set the margin of the current component.

marginBottom

@Composable

open override fun marginBottom(marginBottom: CssSize?)

Set the bottom margin of the current component.

marginLeft

@Composable

open override fun marginLeft(marginLeft: CssSize?)

Set the left margin of the current component.

marginRight

@Composable

open override fun marginRight(marginRight: CssSize?)

Set the right margin of the current component.

marginTop

@Composable

open override fun marginTop(marginTop: CssSize?)

Set the top margin of the current component.

maskOptions

@Composable

open override fun maskOptions(maskOptions: MaskOptions?)

Set the input mask options.

open override fun maskOptions(maskOptionsProducer: () -> MaskOptions??)

Set the input mask options using a producer function.

max

@Composable

open override fun max(max: LocalDateTime?)

Set the maximum value of the date and time.

maxHeight

@Composable

open override fun maxHeight(maxHeight: CssSize?)

Set the maximal height of the current component.

maxlength

@Composable

open override fun maxlength(maxlength: Int?)

Set the maxlength attribute of the generated HTML input element.

maxWidth

@Composable

open override fun maxWidth(maxWidth: CssSize?)

Set the maximal width of the current component.

min

@Composable

open override fun min(min: LocalDateTime?)

Set the minimum value of the date and time.

minHeight

@Composable

open override fun minHeight(minHeight: CssSize?)

Set the minimal height of the current component.

minWidth

@Composable

open override fun minWidth(minWidth: CssSize?)

Set the minimal width of the current component.

name

@Composable

open override fun name(name: String?)

Set the name attribute of the generated HTML input element.

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

open override fun onBlur(listener: (FocusEvent) -> Unit): Int

Add blur event listener (composable).

onBlurDirect

open override fun onBlurDirect(listener: (FocusEvent) -> Unit): Int

Add blur event listener (not composable).

onChange

@Composable

open override fun onChange(listener: (Event) -> Unit): Int

Add change event listener (composable).

onChangeDirect

open override fun onChangeDirect(listener: (Event) -> Unit): Int

Add change event listener (not composable).

onClick

@Composable

open override fun onClick(listener: (MouseEvent) -> Unit): Int

Add click event listener (composable).

onClickDirect

open override 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

open override fun onContextmenu(listener: (MouseEvent) -> Unit): Int

Add context menu event listener (composable).

onContextmenuDirect

open override fun onContextmenuDirect(listener: (MouseEvent) -> Unit): Int

Add context menu event listener (not composable).

onDblclick

@Composable

open override fun onDblclick(listener: (MouseEvent) -> Unit): Int

Add double click event listener (composable).

onDblclickDirect

open override fun onDblclickDirect(listener: (MouseEvent) -> Unit): Int

Add double click event listener (not composable).

onEvent

@Composable

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

Add event listener by event name (composable).

onEventDirect

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

Add event listener by event name (not composable).

onFocus

@Composable

open override fun onFocus(listener: (FocusEvent) -> Unit): Int

Add focus event listener (composable).

onFocusDirect

open override fun onFocusDirect(listener: (FocusEvent) -> Unit): Int

Add focus event listener (not composable).

onInput

@Composable

open override fun onInput(listener: (InputEvent) -> Unit): Int

Add input event listener (composable).

onInputDirect

open override fun onInputDirect(listener: (InputEvent) -> Unit): Int

Add input event listener (not composable).

onInsert

open fun onInsert()

Function called after the component is inserted in the composition.

onKeydown

@Composable

open override fun onKeydown(listener: (KeyboardEvent) -> Unit): Int

Add key down event listener (composable).

onKeydownDirect

open override fun onKeydownDirect(listener: (KeyboardEvent) -> Unit): Int

Add key down event listener (not composable).

onKeypress

@Composable

open override fun onKeypress(listener: (KeyboardEvent) -> Unit): Int

Add key press event listener (composable).

onKeypressDirect

open override fun onKeypressDirect(listener: (KeyboardEvent) -> Unit): Int

Add key press event listener (not composable).

onKeyup

@Composable

open override fun onKeyup(listener: (KeyboardEvent) -> Unit): Int

Add key up event listener (composable).

onKeyupDirect

open override fun onKeyupDirect(listener: (KeyboardEvent) -> Unit): Int

Add key up event listener (not composable).

onMouseDown

@Composable

open override fun onMouseDown(listener: (MouseEvent) -> Unit): Int

Add mouse down event listener (composable).

onMouseDownDirect

open override fun onMouseDownDirect(listener: (MouseEvent) -> Unit): Int

Add mouse down event listener (not composable).

onMouseEnter

@Composable

open override fun onMouseEnter(listener: (MouseEvent) -> Unit): Int

Add mouse enter event listener (composable).

onMouseEnterDirect

open override fun onMouseEnterDirect(listener: (MouseEvent) -> Unit): Int

Add mouse enter event listener (not composable).

onMouseLeave

@Composable

open override fun onMouseLeave(listener: (MouseEvent) -> Unit): Int

Add mouse leave event listener (composable).

onMouseLeaveDirect

open override fun onMouseLeaveDirect(listener: (MouseEvent) -> Unit): Int

Add mouse leave event listener (not composable).

onMouseMove

@Composable

open override fun onMouseMove(listener: (MouseEvent) -> Unit): Int

Add mouse move event listener (composable).

onMouseMoveDirect

open override fun onMouseMoveDirect(listener: (MouseEvent) -> Unit): Int

Add mouse move event listener (not composable).

onMouseOut

@Composable

open override fun onMouseOut(listener: (MouseEvent) -> Unit): Int

Add mouse out event listener (composable).

onMouseOutDirect

open override fun onMouseOutDirect(listener: (MouseEvent) -> Unit): Int

Add mouse out event listener (not composable).

onMouseOver

@Composable

open override fun onMouseOver(listener: (MouseEvent) -> Unit): Int

Add mouse over event listener (composable).

onMouseOverDirect

open override fun onMouseOverDirect(listener: (MouseEvent) -> Unit): Int

Add mouse over event listener (not composable).

onMouseUp

@Composable

open override fun onMouseUp(listener: (MouseEvent) -> Unit): Int

Add mouse up event listener (composable).

onMouseUpDirect

open override fun onMouseUpDirect(listener: (MouseEvent) -> Unit): Int

Add mouse up event listener (not composable).

onPointerDown

@Composable

open override fun onPointerDown(listener: (PointerEvent) -> Unit): Int

Add pointer down event listener (composable).

onPointerDownDirect

open override fun onPointerDownDirect(listener: (PointerEvent) -> Unit): Int

Add pointer down event listener (not composable).

onPointerUp

@Composable

open override fun onPointerUp(listener: (PointerEvent) -> Unit): Int

Add pointer up event listener (composable).

onPointerUpDirect

open override fun onPointerUpDirect(listener: (PointerEvent) -> Unit): Int

Add pointer up event listener (not composable).

onRemove

open fun onRemove()

Function called after the component is removed from the composition.

onTouchCancel

@Composable

open override fun onTouchCancel(listener: (TouchEvent) -> Unit): Int

Add touch cancel event listener (composable).

onTouchCancelDirect

open override fun onTouchCancelDirect(listener: (TouchEvent) -> Unit): Int

Add touch cancel event listener (not composable).

onTouchEnd

@Composable

open override fun onTouchEnd(listener: (TouchEvent) -> Unit): Int

Add touch end event listener (composable).

onTouchEndDirect

open override fun onTouchEndDirect(listener: (TouchEvent) -> Unit): Int

Add touch end event listener (not composable).

onTouchStart

@Composable

open override fun onTouchStart(listener: (TouchEvent) -> Unit): Int

Add touch start event listener (composable).

onTouchStartDirect

open override fun onTouchStartDirect(listener: (TouchEvent) -> Unit): Int

Add touch start event listener (not composable).

opacity

@Composable

open override 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

open override fun order(order: Int?)

Set the CSS flexbox item order.

outline

@Composable

open override 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

open override fun overflow(overflow: Overflow?)

Set the CSS overflow of the current component.

overflowWrap

@Composable

open override fun overflowWrap(overflowWrap: OverflowWrap?)

Set the CSS overflow-wrap of the current component.

overflowX

@Composable

open override fun overflowX(overflowX: Overflow?)

Set the CSS overflow-x of the current component.

overflowY

@Composable

open override fun overflowY(overflowY: Overflow?)

Set the CSS overflow-y of the current component.

padding

@Composable

open override fun padding(padding: CssSize?)

Set the padding of the current component.

paddingBottom

@Composable

open override fun paddingBottom(paddingBottom: CssSize?)

Set the bottom padding of the current component.

paddingLeft

@Composable

open override fun paddingLeft(paddingLeft: CssSize?)

Set the left padding of the current component.

paddingRight

@Composable

open override fun paddingRight(paddingRight: CssSize?)

Set the right padding of the current component.

paddingTop

@Composable

open override 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.

placeholder

@Composable

open override fun placeholder(placeholder: String?)

Set the placeholder attribute of the generated HTML input element.

position

@Composable

open override 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

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.

readonly

@Composable

open override fun readonly(readonly: Boolean?)

Set the readonly attribute of the generated HTML input element.

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.

removeAttribute

open override fun removeAttribute(name: String)

Remove attribute with the given name.

removeEventListener

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

Remove event listener by event name and ID.

removeStyle

open override fun removeStyle(name: String)

Remove CSS style with the given name.

renderToString

open fun renderToString(): String

Render the component to string.

renderToStringBuilder

open override fun renderToStringBuilder(builder: StringBuilder)

Render the component to the given builder.

required

@Composable

open override fun required(required: Boolean?)

Set the required attribute of the generated HTML input element.

resize

@Composable

open override fun resize(resize: Resize?)

Set the CSS resize of the current component.

right

@Composable

open override fun right(right: CssSize?)

Set the right edge of the current component.

role

@Composable

open override fun role(role: String?)

Set the role attribute.

rowGap

@Composable

open override 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.

setAttribute

open override fun setAttribute(name: String, value: String?)

Set value for a given attribute name.

setDragDropData

@Composable

open override fun setDragDropData(format: String, data: String)

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

setDropTarget

@Composable

open override fun setDropTarget(callback: (DragEvent) -> Unit)

@Composable

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

@Composable

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

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

setDropTargetData

@Composable

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

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

setStyle

open override fun setStyle(name: String, value: String?)

Set value for a given CSS style name.

setValue

open fun setValue(value: Any?)

Sets the value of the form control.

show

open fun show()

Show the component.

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.

step

@Composable

open override fun step(step: Int)

Set the step value of the date and time.

stepDown

open override fun stepDown()

Decrements the value by the step value.

stepUp

open override fun stepUp()

Increments the value by the step value.

style

@Composable

open override 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

open override 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

open override 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

open override 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

open override 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

open override 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

open override 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

open override 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

open override fun title(title: String?)

Set the title attribute.

toggle

open fun toggle()

Toggle the component visibility.

top

@Composable

open override fun top(top: CssSize?)

Set the top edge of the current component.

transition

@Composable

open override 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

open override 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.

type

@Composable

open override fun type(type: InputType)

Set the type attribute of the generated HTML input element.

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

open override fun unicodeBidi(unicodeBidi: UnicodeBidi?)

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

uninstallMask

open override fun uninstallMask()

Uninstall the input mask controller.

updateProperty

fun <T> updateProperty(property: String, value: T)

fun <T> updateProperty(property: KProperty<*>, value: T)

Update the value of the property with lower priority (called by the compose runtime).

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

open override fun verticalAlign(verticalAlign: VerticalAlign?)

Set the CSS Text vertical align of the current component.

visibility

@Composable

open override fun visibility(visibility: Visibility?)

Set the CSS visibility of the current component.

visible

@Composable

open override fun visible(visible: Boolean)

Sets the visibility of the current component.

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

open override fun whiteSpace(whiteSpace: WhiteSpace?)

Set the CSS Text white space of the current component.

width

@Composable

open override fun width(width: CssSize?)

Set the width of the current component.

wordBreak

@Composable

open override fun wordBreak(wordBreak: WordBreak?)