compose-multiplatform-html-unified-material3/com.huanshankeji.compose.material3.ext

Package-level declarations

Types

class ExposedDropdownMenuArgs(val expanded: Boolean, val onDismissRequestComposeUi: () -> Unit, val onCloseJsDom: () -> Unit, val modifier: Modifier = Modifier, val matchAnchorWidthComposeUi: Boolean = true, val content: @Composable () -> Unit) : ICommonExposedDropdownMenuArgs

ExposedDropdownMenuBoxScope

expect class ExposedDropdownMenuBoxScope

actual class ExposedDropdownMenuBoxScope

ExposedDropdownMenuBoxTextFieldArgs

class ExposedDropdownMenuBoxTextFieldArgs(val value: String, val onValueChange: (String) -> Unit = {}, val enabled: Boolean = true, val readOnly: Boolean = true, val singleLine: Boolean = true, val label: String, val supportingText: String? = null, val isError: Boolean = false) : ICommonExposedDropdownMenuBoxTextFieldArgs

ICommonExposedDropdownMenuArgs

interface ICommonExposedDropdownMenuArgs

ICommonExposedDropdownMenuBoxTextFieldArgs

interface ICommonExposedDropdownMenuBoxTextFieldArgs

ItemComponents

interface ItemComponents

Corresponds to the slots of Material Web md-item.

NavigationBarScope

expect class NavigationBarScope

actual class NavigationBarScope

OptionalSnackbarArgs

sealed class OptionalSnackbarArgs

PrimaryOrSecondary

enum PrimaryOrSecondary : Enum<PrimaryOrSecondary>

SelectMenuArgs

class SelectMenuArgs(val expandedComposeUi: Boolean, val onDismissRequestComposeUi: () -> Unit, val onCloseJsDom: () -> Unit, val matchAnchorWidth: Boolean? = null, val content: @Composable () -> Unit) : ICommonExposedDropdownMenuArgs

SelectTextFieldArgs

class SelectTextFieldArgs(val valueComposeUi: String, val onValueChangeComposeUi: (String) -> Unit = {}, val enabled: Boolean = true, val label: String, val supportingText: String? = null, val isError: Boolean = false) : ICommonExposedDropdownMenuBoxTextFieldArgs

TabAndPanelArgs

class TabAndPanelArgs(val tabIdJsDom: String, val tabArgs: TabAndPanelArgs.TabArgs, val panelIdJsDom: String, val panelContent: @Composable (Modifier) -> Unit)

Functions

AlertDialog

@Composable

expect fun AlertDialog(isOpen: Boolean, onDismissRequest: () -> Unit, confirmButton: @Composable () -> Unit, modifier: Modifier = Modifier, dismissButton: @Composable () -> Unit? = null, icon: @Composable (Modifier) -> Unit? = null, title: @Composable (Modifier) -> Unit? = null, text: @Composable (Modifier) -> Unit? = null)

Material Design dialog.

@Composable

actual fun AlertDialog(isOpen: Boolean, onDismissRequest: () -> Unit, confirmButton: () -> Unit, modifier: Modifier, dismissButton: () -> Unit?, icon: (Modifier) -> Unit?, title: (Modifier) -> Unit?, text: (Modifier) -> Unit?)

@Composable

AssistChip

@Composable

expect fun AssistChip(onClick: () -> Unit, label: String, modifier: Modifier = Modifier, enabled: Boolean = true, leadingIcon: @Composable (Modifier) -> Unit? = null)

Material Design assist chip.

@Composable

actual fun AssistChip(onClick: () -> Unit, label: String, modifier: Modifier, enabled: Boolean, leadingIcon: (Modifier) -> Unit?)

@Composable

actual fun AssistChip(onClick: () -> Unit, label: String, modifier: Modifier, enabled: Boolean, leadingIcon: (Modifier) -> Unit?)

Button

@Composable

expect fun Button(onClick: () -> Unit, modifier: Modifier = Modifier, enabled: Boolean = true, icon: @Composable (Modifier) -> Unit? = null, isTrailingIcon: Boolean = false, content: @Composable () -> Unit)

filled button

@Composable

actual fun Button(onClick: () -> Unit, modifier: Modifier, enabled: Boolean, icon: (Modifier) -> Unit?, isTrailingIcon: Boolean, content: () -> Unit)

@Composable

actual fun Button(onClick: () -> Unit, modifier: Modifier, enabled: Boolean, icon: (Modifier) -> Unit?, isTrailingIcon: Boolean, content: () -> Unit)

ButtonWithMaterialIcon

@Composable

fun ButtonWithMaterialIcon(onClick: () -> Unit, modifier: Modifier = Modifier, enabled: Boolean = true, icon: Icon?, isTrailingIcon: Boolean = false, content: @Composable () -> Unit)

Card

@Composable

expect fun Card(modifier: Modifier = Modifier, content: @Composable () -> Unit)

@Composable

actual fun Card(modifier: Modifier, content: () -> Unit)

@Composable

actual fun Card(modifier: Modifier, content: () -> Unit)

contentFromComponents

@Composable

fun IMdItemScope.contentFromComponents(itemComponents: ItemComponents)

@Composable

fun IMdItemScope.contentFromComponents(headline: @Composable (Modifier) -> Unit, start: @Composable (Modifier) -> Unit? = null, end: @Composable (Modifier) -> Unit? = null, supportingText: @Composable (Modifier) -> Unit? = null, trailingSupportingText: @Composable (Modifier) -> Unit? = null, container: @Composable (Modifier) -> Unit? = null, overline: @Composable (Modifier) -> Unit? = null)

contentWithSlot

@Composable

fun <Slot : ISlot, SlotScopeT : SlotScope<Slot>> SlotScopeT.contentWithSlot(content: @Composable (Modifier) -> Unit, slot: Slot)

DropdownMenu

@Composable

expect fun ~~DropdownMenu~~(expanded: Boolean, onDismissRequestComposeUi: () -> Unit, onCloseJsDom: () -> Unit, modifier: Modifier = Modifier, offset: DpOffset = defaultDpOffset, content: @Composable () -> Unit)

@Composable

actual fun DropdownMenu(expanded: Boolean, onDismissRequestComposeUi: () -> Unit, onCloseJsDom: () -> Unit, modifier: Modifier, offset: DpOffset, content: () -> Unit)

@Composable

actual fun DropdownMenu(expanded: Boolean, onDismissRequestComposeUi: () -> Unit, onCloseJsDom: () -> Unit, modifier: Modifier, offset: DpOffset, content: () -> Unit)

DropdownMenuBox

@Composable

expect fun DropdownMenuBox(content: @Composable DropdownMenuBoxScope.() -> Unit)

@Composable

actual fun DropdownMenuBox(content: DropdownMenuBoxScope.() -> Unit)

@Composable

actual fun DropdownMenuBox(content: DropdownMenuBoxScope.() -> Unit)

DropdownMenuItem

@Composable

expect fun DropdownMenuItem(text: @Composable (Modifier) -> Unit, onClick: () -> Unit, modifier: Modifier = Modifier, leadingIcon: @Composable (Modifier) -> Unit? = null, trailingIcon: @Composable (Modifier) -> Unit? = null, enabled: Boolean = true, keepOpenJsDom: Boolean = false)

@Composable

actual fun DropdownMenuItem(text: (Modifier) -> Unit, onClick: () -> Unit, modifier: Modifier, leadingIcon: (Modifier) -> Unit?, trailingIcon: (Modifier) -> Unit?, enabled: Boolean, keepOpenJsDom: Boolean)

@Composable

DropdownMenuItemWithMaterialIcons

@Composable

fun DropdownMenuItemWithMaterialIcons(text: @Composable (Modifier) -> Unit, onClick: () -> Unit, modifier: Modifier = Modifier, leadingIcon: Icon? = null, trailingIcon: Icon? = null, enabled: Boolean = true)

ElevatedAssistChip

@Composable

expect fun ElevatedAssistChip(onClick: () -> Unit, label: String, modifier: Modifier = Modifier, enabled: Boolean = true, leadingIcon: @Composable (Modifier) -> Unit? = null)

Material Design elevated assist chip.

@Composable

actual fun ElevatedAssistChip(onClick: () -> Unit, label: String, modifier: Modifier, enabled: Boolean, leadingIcon: (Modifier) -> Unit?)

@Composable

actual fun ElevatedAssistChip(onClick: () -> Unit, label: String, modifier: Modifier, enabled: Boolean, leadingIcon: (Modifier) -> Unit?)

ElevatedButton

@Composable

expect fun ElevatedButton(onClick: () -> Unit, modifier: Modifier = Modifier, enabled: Boolean = true, icon: @Composable (Modifier) -> Unit? = null, isTrailingIcon: Boolean = false, content: @Composable () -> Unit)

@Composable

actual fun ElevatedButton(onClick: () -> Unit, modifier: Modifier, enabled: Boolean, icon: (Modifier) -> Unit?, isTrailingIcon: Boolean, content: () -> Unit)

@Composable

actual fun ElevatedButton(onClick: () -> Unit, modifier: Modifier, enabled: Boolean, icon: (Modifier) -> Unit?, isTrailingIcon: Boolean, content: () -> Unit)

ElevatedButtonWithMaterialIcon

@Composable

fun ElevatedButtonWithMaterialIcon(onClick: () -> Unit, modifier: Modifier = Modifier, enabled: Boolean = true, icon: Icon?, isTrailingIcon: Boolean = false, content: @Composable () -> Unit)

ElevatedCard

@Composable

expect fun ElevatedCard(modifier: Modifier = Modifier, content: @Composable () -> Unit)

@Composable

actual fun ElevatedCard(modifier: Modifier, content: () -> Unit)

@Composable

actual fun ElevatedCard(modifier: Modifier, content: () -> Unit)

ElevatedFilterChip

@Composable

expect fun ElevatedFilterChip(selected: Boolean, onClick: () -> Unit, label: String, modifier: Modifier = Modifier, enabled: Boolean = true, leadingIcon: @Composable (Modifier) -> Unit? = null)

Material Design elevated filter chip.

@Composable

actual fun ElevatedFilterChip(selected: Boolean, onClick: () -> Unit, label: String, modifier: Modifier, enabled: Boolean, leadingIcon: (Modifier) -> Unit?)

@Composable

actual fun ElevatedFilterChip(selected: Boolean, onClick: () -> Unit, label: String, modifier: Modifier, enabled: Boolean, leadingIcon: (Modifier) -> Unit?)

ElevatedSuggestionChip

@Composable

expect fun ElevatedSuggestionChip(onClick: () -> Unit, label: String, modifier: Modifier = Modifier, enabled: Boolean = true, icon: @Composable (Modifier) -> Unit? = null)

Material Design elevated suggestion chip.

@Composable

actual fun ElevatedSuggestionChip(onClick: () -> Unit, label: String, modifier: Modifier, enabled: Boolean, icon: (Modifier) -> Unit?)

@Composable

actual fun ElevatedSuggestionChip(onClick: () -> Unit, label: String, modifier: Modifier, enabled: Boolean, icon: (Modifier) -> Unit?)

ExposedDropdownMenuBox

@Composable

expect fun ExposedDropdownMenuBox(expanded: Boolean, onExpandedChange: (Boolean) -> Unit, modifier: Modifier = Modifier, content: @Composable ExposedDropdownMenuBoxScope.() -> Unit)

@Composable

actual fun ExposedDropdownMenuBox(expanded: Boolean, onExpandedChange: (Boolean) -> Unit, modifier: Modifier, content: ExposedDropdownMenuBoxScope.() -> Unit)

@Composable

actual fun ExposedDropdownMenuBox(expanded: Boolean, onExpandedChange: (Boolean) -> Unit, modifier: Modifier, content: ExposedDropdownMenuBoxScope.() -> Unit)

ExposedDropdownMenuBoxOutlinedTextField

@Composable

expect fun ExposedDropdownMenuBoxScope.ExposedDropdownMenuBoxOutlinedTextField(expanded: Boolean, args: ExposedDropdownMenuBoxTextFieldArgs)

@Composable

actual fun ExposedDropdownMenuBoxScope.ExposedDropdownMenuBoxOutlinedTextField(expanded: Boolean, args: ExposedDropdownMenuBoxTextFieldArgs)

@Composable

actual fun ExposedDropdownMenuBoxScope.ExposedDropdownMenuBoxOutlinedTextField(expanded: Boolean, args: ExposedDropdownMenuBoxTextFieldArgs)

ExposedDropdownMenuBoxTextField

@Composable

expect fun ExposedDropdownMenuBoxScope.ExposedDropdownMenuBoxTextField(expanded: Boolean, args: ExposedDropdownMenuBoxTextFieldArgs)

@Composable

actual fun ExposedDropdownMenuBoxScope.ExposedDropdownMenuBoxTextField(expanded: Boolean, args: ExposedDropdownMenuBoxTextFieldArgs)

@Composable

actual fun ExposedDropdownMenuBoxScope.ExposedDropdownMenuBoxTextField(expanded: Boolean, args: ExposedDropdownMenuBoxTextFieldArgs)

ExposedDropdownMenuBoxWithFilledTextField

@Composable

fun ExposedDropdownMenuBoxWithFilledTextField(expanded: Boolean, onExpandedChange: (Boolean) -> Unit, modifier: Modifier = Modifier, textFieldArgs: ExposedDropdownMenuBoxTextFieldArgs, exposedDropdownMenuArgs: ExposedDropdownMenuArgs)

An alias of ExposedDropdownMenuBoxWithTextField.

ExposedDropdownMenuBoxWithOutlinedTextField

@Composable

fun ExposedDropdownMenuBoxWithOutlinedTextField(expanded: Boolean, onExpandedChange: (Boolean) -> Unit, modifier: Modifier = Modifier, textFieldArgs: ExposedDropdownMenuBoxTextFieldArgs, exposedDropdownMenuArgs: ExposedDropdownMenuArgs)

ExposedDropdownMenuBoxWithTextField

@Composable

fun ExposedDropdownMenuBoxWithTextField(expanded: Boolean, onExpandedChange: (Boolean) -> Unit, modifier: Modifier = Modifier, textFieldArgs: ExposedDropdownMenuBoxTextFieldArgs, exposedDropdownMenuArgs: ExposedDropdownMenuArgs)

ExtendedFloatingActionButton

@Composable

expect fun ExtendedFloatingActionButton(onClick: () -> Unit, modifier: Modifier = Modifier, label: String, content: @Composable (Modifier) -> Unit?)

@Composable

actual fun ExtendedFloatingActionButton(onClick: () -> Unit, modifier: Modifier, label: String, content: (Modifier) -> Unit?)

@Composable

actual fun ExtendedFloatingActionButton(onClick: () -> Unit, modifier: Modifier, label: String, content: (Modifier) -> Unit?)

ExtendedFloatingActionButtonWithMaterialIcon

@Composable

fun ExtendedFloatingActionButtonWithMaterialIcon(onClick: () -> Unit, modifier: Modifier = Modifier, label: String, icon: Icon?)

FilledButton

@Composable

fun FilledButton(onClick: () -> Unit, modifier: Modifier = Modifier, enabled: Boolean = true, icon: @Composable (Modifier) -> Unit? = null, isTrailingIcon: Boolean = false, content: @Composable () -> Unit)

a shortcut to Button

FilledCard

@Composable

fun FilledCard(modifier: Modifier = Modifier, content: @Composable () -> Unit)

An alias for Card.

FilledIconToggleButton

@Composable

expect fun FilledIconToggleButton(checked: Boolean, onCheckedChange: (Boolean) -> Unit, modifier: Modifier = Modifier, enabled: Boolean = true, uncheckedContent: @Composable () -> Unit, checkedContent: @Composable (Modifier) -> Unit)

@Composable

actual fun FilledIconToggleButton(checked: Boolean, onCheckedChange: (Boolean) -> Unit, modifier: Modifier, enabled: Boolean, uncheckedContent: () -> Unit, checkedContent: (Modifier) -> Unit)

@Composable

actual fun FilledIconToggleButton(checked: Boolean, onCheckedChange: (Boolean) -> Unit, modifier: Modifier, enabled: Boolean, uncheckedContent: () -> Unit, checkedContent: (Modifier) -> Unit)

FilledIconToggleButtonWithMaterialIcons

@Composable

fun FilledIconToggleButtonWithMaterialIcons(checked: Boolean, onCheckedChange: (Boolean) -> Unit, modifier: Modifier = Modifier, enabled: Boolean = true, uncheckedIcon: Icon, checkedIcon: Icon)

FilledSelect

@Composable

expect fun FilledSelect(expandedComposeUi: Boolean, onExpandedChangeComposeUi: (Boolean) -> Unit, valueJsDom: String, modifier: Modifier = Modifier, textFieldArgs: SelectTextFieldArgs, menuArgs: SelectMenuArgs)

Material Design filled select.

@Composable

actual fun FilledSelect(expandedComposeUi: Boolean, onExpandedChangeComposeUi: (Boolean) -> Unit, valueJsDom: String, modifier: Modifier, textFieldArgs: SelectTextFieldArgs, menuArgs: SelectMenuArgs)

@Composable

actual fun FilledSelect(expandedComposeUi: Boolean, onExpandedChangeComposeUi: (Boolean) -> Unit, valueJsDom: String, modifier: Modifier, textFieldArgs: SelectTextFieldArgs, menuArgs: SelectMenuArgs)

FilledTonalButton

@Composable

expect fun FilledTonalButton(onClick: () -> Unit, modifier: Modifier = Modifier, enabled: Boolean = true, icon: @Composable (Modifier) -> Unit? = null, isTrailingIcon: Boolean = false, content: @Composable () -> Unit)

@Composable

actual fun FilledTonalButton(onClick: () -> Unit, modifier: Modifier, enabled: Boolean, icon: (Modifier) -> Unit?, isTrailingIcon: Boolean, content: () -> Unit)

@Composable

actual fun FilledTonalButton(onClick: () -> Unit, modifier: Modifier, enabled: Boolean, icon: (Modifier) -> Unit?, isTrailingIcon: Boolean, content: () -> Unit)

FilledTonalButtonWithMaterialIcon

@Composable

fun FilledTonalButtonWithMaterialIcon(onClick: () -> Unit, modifier: Modifier = Modifier, enabled: Boolean = true, icon: Icon?, isTrailingIcon: Boolean = false, content: @Composable () -> Unit)

FilledTonalIconToggleButton

@Composable

expect fun FilledTonalIconToggleButton(checked: Boolean, onCheckedChange: (Boolean) -> Unit, modifier: Modifier = Modifier, enabled: Boolean = true, uncheckedContent: @Composable () -> Unit, checkedContent: @Composable (Modifier) -> Unit)

@Composable

actual fun FilledTonalIconToggleButton(checked: Boolean, onCheckedChange: (Boolean) -> Unit, modifier: Modifier, enabled: Boolean, uncheckedContent: () -> Unit, checkedContent: (Modifier) -> Unit)

@Composable

actual fun FilledTonalIconToggleButton(checked: Boolean, onCheckedChange: (Boolean) -> Unit, modifier: Modifier, enabled: Boolean, uncheckedContent: () -> Unit, checkedContent: (Modifier) -> Unit)

FilledTonalIconToggleButtonWithMaterialIcons

@Composable

fun FilledTonalIconToggleButtonWithMaterialIcons(checked: Boolean, onCheckedChange: (Boolean) -> Unit, modifier: Modifier = Modifier, enabled: Boolean = true, uncheckedIcon: Icon, checkedIcon: Icon)

FilterChip

@Composable

expect fun FilterChip(selected: Boolean, onClick: () -> Unit, label: String, modifier: Modifier = Modifier, enabled: Boolean = true, leadingIcon: @Composable (Modifier) -> Unit? = null)

Material Design filter chip.

@Composable

actual fun FilterChip(selected: Boolean, onClick: () -> Unit, label: String, modifier: Modifier, enabled: Boolean, leadingIcon: (Modifier) -> Unit?)

@Composable

actual fun FilterChip(selected: Boolean, onClick: () -> Unit, label: String, modifier: Modifier, enabled: Boolean, leadingIcon: (Modifier) -> Unit?)

FloatingActionButton

@Composable

expect fun FloatingActionButton(onClick: () -> Unit, modifier: Modifier = Modifier, content: @Composable (Modifier) -> Unit)

@Composable

actual fun FloatingActionButton(onClick: () -> Unit, modifier: Modifier, content: (Modifier) -> Unit)

@Composable

actual fun FloatingActionButton(onClick: () -> Unit, modifier: Modifier, content: (Modifier) -> Unit)

FloatingActionButtonWithMaterialIcon

@Composable

fun FloatingActionButtonWithMaterialIcon(onClick: () -> Unit, modifier: Modifier = Modifier, icon: Icon)

IconToggleButton

@Composable

expect fun IconToggleButton(checked: Boolean, onCheckedChange: (Boolean) -> Unit, modifier: Modifier = Modifier, enabled: Boolean = true, uncheckedContent: @Composable () -> Unit, checkedContent: @Composable (Modifier) -> Unit)

@Composable

actual fun IconToggleButton(checked: Boolean, onCheckedChange: (Boolean) -> Unit, modifier: Modifier, enabled: Boolean, uncheckedContent: () -> Unit, checkedContent: (Modifier) -> Unit)

@Composable

actual fun IconToggleButton(checked: Boolean, onCheckedChange: (Boolean) -> Unit, modifier: Modifier, enabled: Boolean, uncheckedContent: () -> Unit, checkedContent: (Modifier) -> Unit)

IconToggleButtonWithMaterialIcons

@Composable

fun IconToggleButtonWithMaterialIcons(checked: Boolean, onCheckedChange: (Boolean) -> Unit, modifier: Modifier = Modifier, enabled: Boolean = true, uncheckedIcon: Icon, checkedIcon: Icon)

InlineText

@Composable

fun ~~InlineText~~(text: String)

InputChip

@Composable

expect fun InputChip(selected: Boolean, onClick: () -> Unit, label: String, modifier: Modifier = Modifier, enabled: Boolean = true, leadingIcon: @Composable (Modifier) -> Unit? = null, avatar: @Composable (Modifier) -> Unit? = null, showTrailingCloseIconComposeUi: Boolean = true, onRemove: () -> Unit? = null)

Material Design input chip.

@Composable

actual fun InputChip(selected: Boolean, onClick: () -> Unit, label: String, modifier: Modifier, enabled: Boolean, leadingIcon: (Modifier) -> Unit?, avatar: (Modifier) -> Unit?, showTrailingCloseIconComposeUi: Boolean, onRemove: () -> Unit?)

@Composable

LargeFloatingActionButton

@Composable

expect fun LargeFloatingActionButton(onClick: () -> Unit, modifier: Modifier = Modifier, content: @Composable (Modifier) -> Unit)

@Composable

actual fun LargeFloatingActionButton(onClick: () -> Unit, modifier: Modifier, content: (Modifier) -> Unit)

@Composable

actual fun LargeFloatingActionButton(onClick: () -> Unit, modifier: Modifier, content: (Modifier) -> Unit)

LargeFloatingActionButtonWithMaterialIcon

@Composable

fun LargeFloatingActionButtonWithMaterialIcon(onClick: () -> Unit, modifier: Modifier = Modifier, icon: Icon)

MaterialText

@Composable

inline fun MaterialText(text: String, modifier: Modifier = Modifier, color: Color? = null)

An explicit alias of Text.

NavigationBar

@Composable

expect fun NavigationBar(modifier: Modifier = Modifier, content: @Composable NavigationBarScope.() -> Unit)

@Composable

actual fun NavigationBar(modifier: Modifier, content: NavigationBarScope.() -> Unit)

@Composable

actual fun NavigationBar(modifier: Modifier, content: NavigationBarScope.() -> Unit)

NavigationBarItem

@Composable

expect fun NavigationBarScope.NavigationBarItem(selected: Boolean, onClick: () -> Unit, selectedIcon: @Composable (Modifier) -> Unit, unselectedIcon: @Composable (Modifier) -> Unit = selectedIcon, modifier: Modifier = Modifier, enabled: Boolean = true, label: String? = null, alwaysShowLabel: Boolean = true)

@Composable

actual fun NavigationBarScope.NavigationBarItem(selected: Boolean, onClick: () -> Unit, selectedIcon: (Modifier) -> Unit, unselectedIcon: (Modifier) -> Unit, modifier: Modifier, enabled: Boolean, label: String?, alwaysShowLabel: Boolean)

@Composable

NavigationBarItemWithMaterialIcons

@Composable

fun NavigationBarScope.NavigationBarItemWithMaterialIcons(selected: Boolean, onClick: () -> Unit, selectedIcon: Icon, unselectedIcon: Icon = selectedIcon, modifier: Modifier = Modifier, enabled: Boolean = true, label: String? = null, alwaysShowLabel: Boolean = true)

nullableContentWithSlot

@Composable

fun <Slot : ISlot, SlotScopeT : SlotScope<Slot>> SlotScopeT.nullableContentWithSlot(content: @Composable (Modifier) -> Unit?, slot: Slot): Unit?

OutlinedButton

@Composable

expect fun OutlinedButton(onClick: () -> Unit, modifier: Modifier = Modifier, enabled: Boolean = true, icon: @Composable (Modifier) -> Unit? = null, isTrailingIcon: Boolean = false, content: @Composable () -> Unit)

@Composable

actual fun OutlinedButton(onClick: () -> Unit, modifier: Modifier, enabled: Boolean, icon: (Modifier) -> Unit?, isTrailingIcon: Boolean, content: () -> Unit)

@Composable

actual fun OutlinedButton(onClick: () -> Unit, modifier: Modifier, enabled: Boolean, icon: (Modifier) -> Unit?, isTrailingIcon: Boolean, content: () -> Unit)

OutlinedButtonWithMaterialIcon

@Composable

fun OutlinedButtonWithMaterialIcon(onClick: () -> Unit, modifier: Modifier = Modifier, enabled: Boolean = true, icon: Icon?, isTrailingIcon: Boolean = false, content: @Composable () -> Unit)

OutlinedCard

@Composable

expect fun OutlinedCard(modifier: Modifier = Modifier, content: @Composable () -> Unit)

@Composable

actual fun OutlinedCard(modifier: Modifier, content: () -> Unit)

@Composable

actual fun OutlinedCard(modifier: Modifier, content: () -> Unit)

OutlinedIconToggleButton

@Composable

expect fun OutlinedIconToggleButton(checked: Boolean, onCheckedChange: (Boolean) -> Unit, modifier: Modifier = Modifier, enabled: Boolean = true, uncheckedContent: @Composable () -> Unit, checkedContent: @Composable (Modifier) -> Unit)

@Composable

actual fun OutlinedIconToggleButton(checked: Boolean, onCheckedChange: (Boolean) -> Unit, modifier: Modifier, enabled: Boolean, uncheckedContent: () -> Unit, checkedContent: (Modifier) -> Unit)

@Composable

actual fun OutlinedIconToggleButton(checked: Boolean, onCheckedChange: (Boolean) -> Unit, modifier: Modifier, enabled: Boolean, uncheckedContent: () -> Unit, checkedContent: (Modifier) -> Unit)

OutlinedIconToggleButtonWithMaterialIcons

@Composable

fun OutlinedIconToggleButtonWithMaterialIcons(checked: Boolean, onCheckedChange: (Boolean) -> Unit, modifier: Modifier = Modifier, enabled: Boolean = true, uncheckedIcon: Icon, checkedIcon: Icon)

OutlinedSelect

@Composable

expect fun OutlinedSelect(expandedComposeUi: Boolean, onExpandedChangeComposeUi: (Boolean) -> Unit, valueJsDom: String, modifier: Modifier = Modifier, textFieldArgs: SelectTextFieldArgs, menuArgs: SelectMenuArgs)

The outlined variant of FilledSelect.

@Composable

actual fun OutlinedSelect(expandedComposeUi: Boolean, onExpandedChangeComposeUi: (Boolean) -> Unit, valueJsDom: String, modifier: Modifier, textFieldArgs: SelectTextFieldArgs, menuArgs: SelectMenuArgs)

@Composable

OutlinedTextField

@Composable

expect fun OutlinedTextField(value: String, onValueChange: (String) -> Unit, modifier: Modifier = Modifier, enabled: Boolean = true, readOnly: Boolean = false, label: String? = null, placeholder: String? = null, leadingIcon: @Composable (Modifier) -> Unit? = null, trailingIcon: @Composable (Modifier) -> Unit? = null, prefix: String? = null, suffix: String? = null, supportingText: String? = null, isError: Boolean = false, keyboardOptions: KeyboardOptions = KeyboardOptions.Default, keyboardActions: KeyboardActions = KeyboardActions.Default, singleLine: Boolean = false, lines: Int = 1)

@Composable

actual fun OutlinedTextField(value: String, onValueChange: (String) -> Unit, modifier: Modifier, enabled: Boolean, readOnly: Boolean, label: String?, placeholder: String?, leadingIcon: (Modifier) -> Unit?, trailingIcon: (Modifier) -> Unit?, prefix: String?, suffix: String?, supportingText: String?, isError: Boolean, keyboardOptions: KeyboardOptions, keyboardActions: KeyboardActions, singleLine: Boolean, lines: Int)

@Composable

OutlinedTextFieldWithMaterialIcons

@Composable

fun OutlinedTextFieldWithMaterialIcons(value: String, onValueChange: (String) -> Unit, modifier: Modifier = Modifier, enabled: Boolean = true, readOnly: Boolean = false, label: String? = null, placeholder: String? = null, leadingIcon: Icon? = null, trailingIcon: Icon? = null, prefix: String? = null, suffix: String? = null, supportingText: String? = null, isError: Boolean = false, keyboardOptions: KeyboardOptions = KeyboardOptions.Default, keyboardActions: KeyboardActions = KeyboardActions.Default, singleLine: Boolean = false, lines: Int = 1)

PrimaryTab

@Composable

expect fun PrimaryTab(selected: Boolean, onClick: () -> Unit, modifier: Modifier = Modifier, enabled: Boolean = true, text: @Composable () -> Unit? = null, icon: @Composable (Modifier) -> Unit? = null, idJsDom: String? = null, ariaControlsJsDom: String? = null)

Material Design tab.

@Composable

actual fun PrimaryTab(selected: Boolean, onClick: () -> Unit, modifier: Modifier, enabled: Boolean, text: () -> Unit?, icon: (Modifier) -> Unit?, idJsDom: String?, ariaControlsJsDom: String?)

@Composable

actual fun PrimaryTab(selected: Boolean, onClick: () -> Unit, modifier: Modifier, enabled: Boolean, text: () -> Unit?, icon: (Modifier) -> Unit?, idJsDom: String?, ariaControlsJsDom: String?)

RadioButton

@Composable

expect fun RadioButton(selected: Boolean, onClick: () -> Unit?, modifier: Modifier = Modifier, enabled: Boolean = true, idJsDom: String? = null)

Material Design radio button.

@Composable

actual fun RadioButton(selected: Boolean, onClick: () -> Unit?, modifier: Modifier, enabled: Boolean, idJsDom: String?)

@Composable

actual fun RadioButton(selected: Boolean, onClick: () -> Unit?, modifier: Modifier, enabled: Boolean, idJsDom: String?)

RadioButtonRow

@Composable

expect fun RadioButtonRow(selected: Boolean, onClick: () -> Unit, modifier: Modifier = Modifier, modifierAfterSelectable: Modifier = Modifier, radioButtonModifier: Modifier = Modifier, enabled: Boolean = true, radioButtonIdJsDom: String, label: @Composable () -> Unit)

A conventional row with a radio button and its label. Compose UI doesn't provide this Component officially and Material Design's official size specs are a bit vague on this. Therefore, this component is designed for conventional use following a mixture of conventions observed from https://github.com/material-components/material-web/blob/main/docs/components/radio.md#accessibility and https://kotlinlang.org/api/compose-multiplatform/material3/androidx.compose.material3/-radio-button.html. By default, this row only has spacing between the radio button and the label, and has no padding around.

@Composable

actual fun RadioButtonRow(selected: Boolean, onClick: () -> Unit, modifier: Modifier, modifierAfterSelectable: Modifier, radioButtonModifier: Modifier, enabled: Boolean, radioButtonIdJsDom: String, label: () -> Unit)

@Composable

radioGroup

expect fun Modifier.radioGroup(): Modifier

By convention, pass this to a Column. Avoid using Row. See https://m3.material.io/components/radio-button/guidelines for details.

actual fun Modifier.radioGroup(): Modifier

SecondaryTab

@Composable

expect fun SecondaryTab(selected: Boolean, onClick: () -> Unit, modifier: Modifier = Modifier, enabled: Boolean = true, text: @Composable () -> Unit? = null, icon: @Composable (Modifier) -> Unit? = null, idJsDom: String? = null, ariaControlsJsDom: String? = null)

@Composable

actual fun SecondaryTab(selected: Boolean, onClick: () -> Unit, modifier: Modifier, enabled: Boolean, text: () -> Unit?, icon: (Modifier) -> Unit?, idJsDom: String?, ariaControlsJsDom: String?)

@Composable

actual fun SecondaryTab(selected: Boolean, onClick: () -> Unit, modifier: Modifier, enabled: Boolean, text: () -> Unit?, icon: (Modifier) -> Unit?, idJsDom: String?, ariaControlsJsDom: String?)

SegmentedButton

@Composable

expect fun MultiChoiceSegmentedButtonRowScope.SegmentedButton(checked: Boolean, onCheckedChange: (Boolean) -> Unit, defaultShapeArgs: SegmentedButtonDefaultShapeArgs, modifier: Modifier = Modifier, enabled: Boolean = true, icon: @Composable () -> Unit? = null, label: String)

@Composable

expect fun SingleChoiceSegmentedButtonRowScope.SegmentedButton(selected: Boolean, onClick: () -> Unit, defaultShapeArgs: SegmentedButtonDefaultShapeArgs, modifier: Modifier = Modifier, enabled: Boolean = true, icon: @Composable () -> Unit? = null, label: String)

Material Design segmented button.

@Composable

actual fun MultiChoiceSegmentedButtonRowScope.SegmentedButton(checked: Boolean, onCheckedChange: (Boolean) -> Unit, defaultShapeArgs: SegmentedButtonDefaultShapeArgs, modifier: Modifier, enabled: Boolean, icon: () -> Unit?, label: String)

@Composable

actual fun SingleChoiceSegmentedButtonRowScope.SegmentedButton(selected: Boolean, onClick: () -> Unit, defaultShapeArgs: SegmentedButtonDefaultShapeArgs, modifier: Modifier, enabled: Boolean, icon: () -> Unit?, label: String)

@Composable

SelectOption

@Composable

expect fun SelectOption(text: @Composable (Modifier) -> Unit, onClick: () -> Unit, valueJsDom: String, modifier: Modifier = Modifier, leadingIcon: @Composable (Modifier) -> Unit? = null, trailingIcon: @Composable (Modifier) -> Unit? = null, enabled: Boolean = true)

Material Design select option.

@Composable

actual fun SelectOption(text: (Modifier) -> Unit, onClick: () -> Unit, valueJsDom: String, modifier: Modifier, leadingIcon: (Modifier) -> Unit?, trailingIcon: (Modifier) -> Unit?, enabled: Boolean)

@Composable

actual fun SelectOption(text: (Modifier) -> Unit, onClick: () -> Unit, valueJsDom: String, modifier: Modifier, leadingIcon: (Modifier) -> Unit?, trailingIcon: (Modifier) -> Unit?, enabled: Boolean)

SelectOptionWithMaterialIcons

@Composable

fun SelectOptionWithMaterialIcons(text: @Composable (Modifier) -> Unit, onClick: () -> Unit, valueJsDom: String, modifier: Modifier = Modifier, leadingIcon: Icon? = null, trailingIcon: Icon? = null, enabled: Boolean = true)

SimpleDialog

@Composable

expect fun SimpleDialog(isOpen: Boolean, onDismissRequest: () -> Unit, modifier: Modifier = Modifier, content: @Composable () -> Unit)

A simple dialog without the conventional components such as title, text, and buttons, showing just a Card overlay. The corresponding Compose UI Dialog component is actually not in the material3 package but in androidx.compose.ui.window. Currently not completely visually consistent on both kinds of platforms. On Compose UI, it doesn't have a min height; while on JS DOM, it does.

@Composable

actual fun SimpleDialog(isOpen: Boolean, onDismissRequest: () -> Unit, modifier: Modifier, content: () -> Unit)

@Composable

actual fun SimpleDialog(isOpen: Boolean, onDismissRequest: () -> Unit, modifier: Modifier, content: () -> Unit)

slotModifier

@Composable

fun <Slot : ISlot, TSlotScope : SlotScope<Slot>> TSlotScope.slotModifier(slot: Slot): Modifier

SmallFloatingActionButton

@Composable

expect fun SmallFloatingActionButton(onClick: () -> Unit, modifier: Modifier = Modifier, content: @Composable (Modifier) -> Unit)

@Composable

actual fun SmallFloatingActionButton(onClick: () -> Unit, modifier: Modifier, content: (Modifier) -> Unit)

@Composable

actual fun SmallFloatingActionButton(onClick: () -> Unit, modifier: Modifier, content: (Modifier) -> Unit)

SmallFloatingActionButtonWithMaterialIcon

@Composable

fun SmallFloatingActionButtonWithMaterialIcon(onClick: () -> Unit, modifier: Modifier = Modifier, icon: Icon)

Snackbar

@Composable

expect fun Snackbar(optionalSnackbarArgs: OptionalSnackbarArgs)

A variant of com.huanshankeji.compose.material3.Snackbar with its open state delegating to its more idiomatic open attribute on JS DOM, providing an alternative implementation to use in com.huanshankeji.compose.material3.SnackbarHost on JS DOM, though not used now.

@Composable

actual fun Snackbar(optionalSnackbarArgs: OptionalSnackbarArgs)

@Composable

actual fun Snackbar(optionalSnackbarArgs: OptionalSnackbarArgs)

SpanText

@Composable

fun SpanText(text: String, modifier: Modifier = Modifier, color: Color? = null)

SuggestionChip

@Composable

expect fun SuggestionChip(onClick: () -> Unit, label: String, modifier: Modifier = Modifier, enabled: Boolean = true, icon: @Composable (Modifier) -> Unit? = null)

Material Design suggestion chip.

@Composable

actual fun SuggestionChip(onClick: () -> Unit, label: String, modifier: Modifier, enabled: Boolean, icon: (Modifier) -> Unit?)

@Composable

actual fun SuggestionChip(onClick: () -> Unit, label: String, modifier: Modifier, enabled: Boolean, icon: (Modifier) -> Unit?)

TaglessText

@Composable

expect fun TaglessText(text: String)

Delegates to raw text without any element on JS / Compose HTML.

@Composable

actual fun TaglessText(text: String)

@Composable

actual fun TaglessText(text: String)

TextButton

@Composable

expect fun TextButton(onClick: () -> Unit, modifier: Modifier = Modifier, enabled: Boolean = true, icon: @Composable (Modifier) -> Unit? = null, isTrailingIcon: Boolean = false, content: @Composable () -> Unit)

@Composable

actual fun TextButton(onClick: () -> Unit, modifier: Modifier, enabled: Boolean, icon: (Modifier) -> Unit?, isTrailingIcon: Boolean, content: () -> Unit)

@Composable

actual fun TextButton(onClick: () -> Unit, modifier: Modifier, enabled: Boolean, icon: (Modifier) -> Unit?, isTrailingIcon: Boolean, content: () -> Unit)

TextButtonWithMaterialIcon

@Composable

fun TextButtonWithMaterialIcon(onClick: () -> Unit, modifier: Modifier = Modifier, enabled: Boolean = true, icon: Icon?, isTrailingIcon: Boolean = false, content: @Composable () -> Unit)

TextField

@Composable

expect fun TextField(value: String, onValueChange: (String) -> Unit, modifier: Modifier = Modifier, enabled: Boolean = true, readOnly: Boolean = false, label: String? = null, placeholder: String? = null, leadingIcon: @Composable (Modifier) -> Unit? = null, trailingIcon: @Composable (Modifier) -> Unit? = null, prefix: String? = null, suffix: String? = null, supportingText: String? = null, isError: Boolean = false, keyboardOptions: KeyboardOptions = KeyboardOptions.Default, keyboardActions: KeyboardActions = KeyboardActions.Default, singleLine: Boolean = false, lines: Int = 1)

@Composable

actual fun TextField(value: String, onValueChange: (String) -> Unit, modifier: Modifier, enabled: Boolean, readOnly: Boolean, label: String?, placeholder: String?, leadingIcon: (Modifier) -> Unit?, trailingIcon: (Modifier) -> Unit?, prefix: String?, suffix: String?, supportingText: String?, isError: Boolean, keyboardOptions: KeyboardOptions, keyboardActions: KeyboardActions, singleLine: Boolean, lines: Int)

@Composable

TextFieldWithMaterialIcons

@Composable

fun TextFieldWithMaterialIcons(value: String, onValueChange: (String) -> Unit, modifier: Modifier = Modifier, enabled: Boolean = true, readOnly: Boolean = false, label: String? = null, placeholder: String? = null, leadingIcon: Icon? = null, trailingIcon: Icon? = null, prefix: String? = null, suffix: String? = null, supportingText: String? = null, isError: Boolean = false, keyboardOptions: KeyboardOptions = KeyboardOptions.Default, keyboardActions: KeyboardActions = KeyboardActions.Default, singleLine: Boolean = false, lines: Int = 1)