fun ~~Button~~(onClick: (evt: SyntheticMouseEvent) -> Unit, modifier: Modifier = Modifier, variant: CssStyleVariant<ButtonKind>? = null, type: ButtonType = ButtonType.Button, enabled: Boolean = true, size: ButtonSize = ButtonSize.MD, colorScheme: ColorScheme, focusBorderColor: CSSColorValue? = null, ref: ElementRefScope<HTMLButtonElement>? = null, content: @Composable RowScope.() -> Unit)

@Composable

fun Button(onClick: (evt: SyntheticMouseEvent) -> Unit, modifier: Modifier = Modifier, variant: CssStyleVariant<ButtonKind>? = null, type: ButtonType = ButtonType.Button, enabled: Boolean = true, size: ButtonSize = ButtonSize.MD, colorPalette: ColorPalette? = null, focusBorderColor: CSSColorValue? = null, ref: ElementRefScope<HTMLButtonElement>? = null, content: @Composable RowScope.() -> Unit)

A button widget.

Checkbox

@Composable

fun ~~Checkbox~~(checked: Boolean, onCheckedChange: (Boolean) -> Unit, modifier: Modifier = Modifier, variant: CssStyleVariant<CheckboxKind>? = null, enabled: Boolean = CheckboxDefaults.Enabled, icon: @Composable CheckboxIconScope.() -> Unit = CheckboxDefaults.IconProvider, size: CheckboxSize = CheckboxDefaults.Size, spacing: CSSLengthNumericValue? = null, colorScheme: ColorScheme, borderColor: CSSColorValue? = null, uncheckedColor: CSSColorValue? = null, iconColor: CSSColorValue? = null, focusOutlineColor: CSSColorValue? = null, ref: ElementRefScope<HTMLElement>? = null, content: @Composable () -> Unit? = null)

@Composable

fun Checkbox(checked: Boolean, onCheckedChange: (Boolean) -> Unit, modifier: Modifier = Modifier, variant: CssStyleVariant<CheckboxKind>? = null, enabled: Boolean = CheckboxDefaults.Enabled, icon: @Composable CheckboxIconScope.() -> Unit = CheckboxDefaults.IconProvider, size: CheckboxSize = CheckboxDefaults.Size, spacing: CSSLengthNumericValue? = null, colorPalette: ColorPalette? = null, borderColor: CSSColorValue? = null, uncheckedColor: CSSColorValue? = null, iconColor: CSSColorValue? = null, focusOutlineColor: CSSColorValue? = null, ref: ElementRefScope<HTMLElement>? = null, content: @Composable () -> Unit? = null)

Creates a checkbox.

CheckedIcon

@Composable

fun CheckboxIconScope.CheckedIcon(provideIcon: @Composable CheckboxIconScope.() -> Unit)

A convenient icon builder where you only care about the non-indeterminate case.

Input

@Composable

fun <T> Input(type: InputType<T>, value: T, onValueChange: (T) -> Unit, modifier: Modifier = Modifier, variant: CssStyleVariant<InputKind>? = InputDefaults.Variant, placeholder: String? = null, size: InputSize = InputDefaults.Size, enabled: Boolean = InputDefaults.Enabled, valid: Boolean = InputDefaults.Valid, required: Boolean = InputDefaults.Required, readOnly: Boolean = InputDefaults.ReadOnly, spellCheck: Boolean = InputDefaults.SpellCheck, autoComplete: AutoComplete? = null, onCommit: () -> Unit = {}, placeholderColor: PlaceholderColor? = null, focusBorderColor: CSSColorValue? = null, invalidBorderColor: CSSColorValue? = null, ref: ElementRefScope<HTMLInputElement>? = null)

Create and configure an HTML input element.

InputGroup

@Composable

fun InputGroup(modifier: Modifier = Modifier, variant: CssStyleVariant<InputGroupKind>? = null, size: InputSize = InputDefaults.Size, block: InputGroupScope.() -> Unit)

Create an input group, which is a collection of related elements that decorate an Input.

Label

@Composable

fun Label(target: ElementTarget, label: String, modifier: Modifier = Modifier, ref: ElementRefScope<HTMLLabelElement>? = null)

Create a label that should be associated with some target form element.

Switch

@Composable

fun ~~Switch~~(checked: Boolean, onCheckedChange: (Boolean) -> Unit, modifier: Modifier = Modifier, variant: CssStyleVariant<SwitchKind>? = null, enabled: Boolean = true, size: SwitchSize = SwitchSize.MD, shape: SwitchShape = SwitchShape.PILL, colorScheme: ColorScheme, thumbColor: CSSColorValue? = null, focusBorderColor: CSSColorValue? = null, ref: ElementRefScope<HTMLElement>? = null)

@Composable

fun Switch(checked: Boolean, onCheckedChange: (Boolean) -> Unit, modifier: Modifier = Modifier, variant: CssStyleVariant<SwitchKind>? = null, enabled: Boolean = true, size: SwitchSize = SwitchSize.MD, shape: SwitchShape = SwitchShape.PILL, colorPalette: ColorPalette? = null, thumbColor: CSSColorValue? = null, focusBorderColor: CSSColorValue? = null, ref: ElementRefScope<HTMLElement>? = null)

Creates a toggleable switch.

TextInput

@Composable

fun TextInput(text: String, onTextChange: (String) -> Unit, modifier: Modifier = Modifier, variant: CssStyleVariant<InputKind>? = InputDefaults.Variant, placeholder: String? = null, placeholderColor: PlaceholderColor? = null, focusBorderColor: CSSColorValue? = null, invalidBorderColor: CSSColorValue? = null, size: InputSize = InputDefaults.Size, password: Boolean = false, enabled: Boolean = InputDefaults.Enabled, valid: Boolean = InputDefaults.Valid, required: Boolean = InputDefaults.Required, readOnly: Boolean = InputDefaults.ReadOnly, spellCheck: Boolean = InputDefaults.SpellCheck, autoComplete: AutoComplete? = null, onCommit: () -> Unit = {}, ref: ElementRefScope<HTMLInputElement>? = null)

Like Input but for the common case of dealing with text.

TextInput

fun InputGroupScope.TextInput(text: String, onTextChange: (String) -> Unit, modifier: Modifier = Modifier, variant: CssStyleVariant<InputKind>? = InputDefaults.Variant, placeholder: String? = null, placeholderColor: PlaceholderColor? = null, focusBorderColor: CSSColorValue? = null, invalidBorderColor: CSSColorValue? = null, password: Boolean = false, enabled: Boolean = InputDefaults.Enabled, valid: Boolean = InputDefaults.Valid, required: Boolean = InputDefaults.Required, readOnly: Boolean = InputDefaults.ReadOnly, spellCheck: Boolean = InputDefaults.SpellCheck, autoComplete: AutoComplete? = null, onCommit: () -> Unit = {}, ref: ElementRefScope<HTMLInputElement>? = null)

TriCheckbox

@Composable

fun ~~TriCheckbox~~(checked: CheckedState, onCheckedChange: (CheckedState) -> Unit, modifier: Modifier = Modifier, variant: CssStyleVariant<CheckboxKind>? = null, enabled: Boolean = CheckboxDefaults.Enabled, icon: @Composable CheckboxIconScope.() -> Unit = CheckboxDefaults.IconProvider, size: CheckboxSize = CheckboxDefaults.Size, spacing: CSSLengthNumericValue? = null, colorScheme: ColorScheme, borderColor: CSSColorValue? = null, uncheckedColor: CSSColorValue? = null, iconColor: CSSColorValue? = null, focusOutlineColor: CSSColorValue? = null, ref: ElementRefScope<HTMLElement>? = null, content: @Composable () -> Unit? = null)

@Composable

fun TriCheckbox(checked: CheckedState, onCheckedChange: (CheckedState) -> Unit, modifier: Modifier = Modifier, variant: CssStyleVariant<CheckboxKind>? = null, enabled: Boolean = CheckboxDefaults.Enabled, icon: @Composable CheckboxIconScope.() -> Unit = CheckboxDefaults.IconProvider, size: CheckboxSize = CheckboxDefaults.Size, spacing: CSSLengthNumericValue? = null, colorPalette: ColorPalette? = null, borderColor: CSSColorValue? = null, uncheckedColor: CSSColorValue? = null, iconColor: CSSColorValue? = null, focusOutlineColor: CSSColorValue? = null, ref: ElementRefScope<HTMLElement>? = null, content: @Composable () -> Unit? = null)

Creates a checkbox that supports three states: on, off, and indeterminate.