fun Button(onClick: () -> Unit, enabled: Boolean = true, shape: Shape = RectangleShape, backgroundColor: Color = Color.Unspecified, contentColor: Color = LocalContentColor.current, contentPadding: PaddingValues = NoPadding, borderColor: Color = Color.Unspecified, borderWidth: Dp = 0.dp, modifier: Modifier = Modifier, role: Role = Role.Button, indication: Indication? = LocalIndication.current, interactionSource: MutableInteractionSource? = null, horizontalArrangement: Arrangement.Horizontal = Arrangement.Center, verticalAlignment: Alignment.Vertical = Alignment.CenterVertically, content: @Composable RowScope.() -> Unit)

An accessible clickable component used to create buttons with the styling of your choice.

Checkbox

@Composable

fun Checkbox(checked: Boolean, modifier: Modifier = Modifier, backgroundColor: Color = Color.Transparent, contentColor: Color = LocalContentColor.current, enabled: Boolean = true, onCheckedChange: (Boolean) -> Unit? = null, shape: Shape = RectangleShape, borderColor: Color = Color.Unspecified, borderWidth: Dp = 1.dp, interactionSource: MutableInteractionSource = remember { MutableInteractionSource() }, indication: Indication? = LocalIndication.current, contentDescription: String? = null, checkIcon: @Composable () -> Unit)

A foundational component used to build checkboxes.

Disclosure

@Composable

fun Disclosure(state: DisclosureState = rememberDisclosureState(), modifier: Modifier = Modifier, content: @Composable DisclosureScope.() -> Unit)

A foundational component used to build disclosure widgets.

DisclosureHeading

@Composable

fun DisclosureScope.DisclosureHeading(modifier: Modifier = Modifier, enabled: Boolean = true, shape: Shape = RectangleShape, backgroundColor: Color = Color.Unspecified, contentColor: Color = LocalContentColor.current, contentPadding: PaddingValues = NoPadding, borderColor: Color = Color.Unspecified, borderWidth: Dp = 0.dp, indication: Indication = LocalIndication.current, interactionSource: MutableInteractionSource = remember { MutableInteractionSource() }, verticalAlignment: Alignment.Vertical = Alignment.CenterVertically, horizontalArrangement: Arrangement.Horizontal = Arrangement.Start, content: @Composable () -> Unit)

A heading component that can be clicked to expand or collapse the DisclosurePanel.

@Composable

fun DisclosureScope.DisclosureHeading(onClick: () -> Unit, modifier: Modifier = Modifier, enabled: Boolean = true, shape: Shape = RectangleShape, backgroundColor: Color = Color.Unspecified, contentColor: Color = LocalContentColor.current, contentPadding: PaddingValues = NoPadding, borderColor: Color = Color.Unspecified, borderWidth: Dp = 0.dp, indication: Indication = LocalIndication.current, interactionSource: MutableInteractionSource = remember { MutableInteractionSource() }, verticalAlignment: Alignment.Vertical = Alignment.CenterVertically, horizontalArrangement: Arrangement.Horizontal = Arrangement.Start, content: @Composable () -> Unit)

DisclosurePanel

@Composable

fun DisclosureScope.DisclosurePanel(modifier: Modifier = Modifier, enter: EnterTransition = AppearInstantly, exit: ExitTransition = DisappearInstantly, content: @Composable () -> Unit)

A panel component that is shown when the Disclosure is expanded.

Modal

@Composable

expect fun Modal(onKeyEvent: (KeyEvent) -> Boolean = { false }, content: @Composable () -> Unit)

@Composable

actual fun Modal(onKeyEvent: (KeyEvent) -> Boolean, content: () -> Unit)

@Composable

actual fun Modal(onKeyEvent: (KeyEvent) -> Boolean, content: () -> Unit)

@Composable

actual fun Modal(onKeyEvent: (KeyEvent) -> Boolean, content: () -> Unit)

ProgressBar

@Composable

fun ProgressIndicatorScope.ProgressBar(shape: Shape = RectangleShape, color: Color = LocalContentColor.current)

A progress bar component that automatically fills the width of its parent based on the progress value.

ProgressIndicator

@Composable

fun ProgressIndicator(modifier: Modifier = Modifier, shape: Shape = RectangleShape, backgroundColor: Color = Color.Unspecified, contentColor: Color = LocalContentColor.current, content: @Composable () -> Unit)

@Composable

fun ProgressIndicator(@FloatRange(from = 0.0, to = 1.0) progress: Float, modifier: Modifier = Modifier, shape: Shape = RectangleShape, backgroundColor: Color = Color.Unspecified, contentColor: Color = LocalContentColor.current, content: @Composable ProgressIndicatorScope.() -> Unit)

A foundational component used to build progress indicators.

Radio

@Composable

fun Radio(selected: Boolean, onSelectedChange: (Boolean) -> Unit, modifier: Modifier = Modifier, backgroundColor: Color = Color.Unspecified, contentColor: Color = Color.Unspecified, selectedColor: Color = Color.Unspecified, enabled: Boolean = true, shape: Shape = RectangleShape, borderColor: Color = Color.Unspecified, borderWidth: Dp = Dp.Unspecified, contentPadding: PaddingValues = NoPadding, interactionSource: MutableInteractionSource = remember { MutableInteractionSource() }, indication: Indication? = LocalIndication.current, horizontalArrangement: Arrangement.Horizontal = Arrangement.Start, verticalAlignment: Alignment.Vertical = Alignment.Top, content: @Composable RowScope.() -> Unit)

A stateless version of Radio component.

Radio

@Composable

fun RadioGroupScope.Radio(value: String, modifier: Modifier = Modifier, backgroundColor: Color = Color.Unspecified, contentColor: Color = Color.Unspecified, selectedColor: Color = Color.Unspecified, enabled: Boolean = true, shape: Shape = RectangleShape, borderColor: Color = Color.Unspecified, borderWidth: Dp = Dp.Unspecified, contentPadding: PaddingValues = NoPadding, interactionSource: MutableInteractionSource = remember { MutableInteractionSource() }, indication: Indication? = LocalIndication.current, horizontalArrangement: Arrangement.Horizontal = Arrangement.Start, verticalAlignment: Alignment.Vertical = Alignment.Top, content: @Composable RowScope.() -> Unit)

A radio button component that can be selected within a RadioGroup.

RadioGroup

@Composable

fun RadioGroup(state: RadioGroupState, contentDescription: String?, modifier: Modifier = Modifier, content: @Composable RadioGroupScope.() -> Unit)

A foundational component used to build radio groups.

rememberDisclosureState

@Composable

fun rememberDisclosureState(initiallyExpanded: Boolean = false): DisclosureState

Creates a DisclosureState that can be used to manually control a Disclosure.

rememberRadioGroupState

@Composable

fun rememberRadioGroupState(initialValue: String): RadioGroupState

Creates a RadioGroupState that can be used to manually control a RadioGroup.

rememberSliderState

@Composable

fun rememberSliderState(initialValue: Float = 0.0f, valueRange: ClosedFloatingPointRange<Float> = 0f..1f, @IntRange(from = 0) steps: Int = 0): SliderState

Creates a SliderState that is remembered across compositions.

rememberTabGroupState

@Composable

fun rememberTabGroupState(selectedTab: TabKey, orderedTabs: List<TabKey>): TabGroupState

Creates a TabGroupState.

Slider

@Composable

fun Slider(state: SliderState, modifier: Modifier = Modifier, enabled: Boolean = true, interactionSource: MutableInteractionSource = remember { MutableInteractionSource() }, valueRange: ClosedFloatingPointRange<Float> = 0f..1f, orientation: Orientation = Orientation.Horizontal, track: @Composable () -> Unit, thumb: @Composable () -> Unit)

A foundational component used to build sliders.

Tab

@Composable

fun TabGroupScope.Tab(key: TabKey, modifier: Modifier = Modifier, enabled: Boolean = true, indication: Indication = LocalIndication.current, interactionSource: MutableInteractionSource = remember { MutableInteractionSource() }, content: @Composable () -> Unit)

A single tab in a TabList.

TabGroup

@Composable

fun TabGroup(state: TabGroupState, modifier: Modifier = Modifier, content: @Composable TabGroupScope.() -> Unit)

A foundational component used to build tabbed interfaces.

TabList

@Composable

fun TabGroupScope.TabList(modifier: Modifier = Modifier, shape: Shape = RectangleShape, backgroundColor: Color = Color.Unspecified, orientation: Orientation = Orientation.Horizontal, activateOnFocus: Boolean = true, content: @Composable RowScope.() -> Unit)

A container holding all Tabs that can be selected withing a TabGroup.

TabPanel

@Composable

fun TabGroupScope.TabPanel(key: TabKey, content: @Composable () -> Unit)

The content panel for a tab.

Text

@Composable

fun Text(text: AnnotatedString, modifier: Modifier = Modifier, style: TextStyle = LocalTextStyle.current, textAlign: TextAlign = TextAlign.Unspecified, fontSize: TextUnit = style.fontSize, letterSpacing: TextUnit = style.letterSpacing, fontWeight: FontWeight? = style.fontWeight, color: Color = Color.Unspecified, lineHeight: TextUnit = TextUnit.Unspecified, fontFamily: FontFamily? = style.fontFamily, singleLine: Boolean = false, minLines: Int = 1, maxLines: Int = if (singleLine) 1 else Int.MAX_VALUE, overflow: TextOverflow = TextOverflow.Clip)

@Composable

fun Text(text: String, modifier: Modifier = Modifier, style: TextStyle = LocalTextStyle.current, textAlign: TextAlign = TextAlign.Unspecified, lineHeight: TextUnit = TextUnit.Unspecified, fontSize: TextUnit = style.fontSize, letterSpacing: TextUnit = style.letterSpacing, fontWeight: FontWeight? = style.fontWeight, color: Color = Color.Unspecified, fontFamily: FontFamily? = style.fontFamily, singleLine: Boolean = false, minLines: Int = 1, maxLines: Int = if (singleLine) 1 else Int.MAX_VALUE, overflow: TextOverflow = TextOverflow.Clip)

A themable composable that displays text.

TextField

@Composable

fun TextField(value: String, onValueChange: (String) -> Unit, editable: Boolean = true, modifier: Modifier = Modifier, contentPadding: PaddingValues = NoPadding, leadingIcon: @Composable () -> Unit? = null, trailingIcon: @Composable () -> Unit? = null, placeholder: String = "", contentColor: Color = LocalContentColor.current, disabledColor: Color = contentColor.copy(0.66f), backgroundColor: Color = Color.Unspecified, borderWidth: Dp = 1.dp, borderColor: Color = Color.Unspecified, shape: Shape = RectangleShape, textStyle: TextStyle = LocalTextStyle.current, textAlign: TextAlign = TextAlign.Unspecified, fontSize: TextUnit = TextUnit.Unspecified, fontWeight: FontWeight? = null, fontFamily: FontFamily? = null, singleLine: Boolean = false, minLines: Int = 1, maxLines: Int = if (singleLine) 1 else Int.MAX_VALUE, keyboardOptions: KeyboardOptions = KeyboardOptions.Default, keyboardActions: KeyboardActions = KeyboardActions.Default, interactionSource: MutableInteractionSource = remember { MutableInteractionSource() }, spacing: Dp = 8.dp, visualTransformation: VisualTransformation = VisualTransformation.None, verticalAlignment: Alignment.Vertical = Alignment.CenterVertically)

A foundational component used to build text fields.

Thumb

@Composable

fun Thumb(modifier: Modifier = Modifier, shape: Shape = RectangleShape, color: Color = Color.Unspecified)

A simple "Thumb" component. Intended to be used in Sliders and ToggleSwitchs but it is not tied to them.

ToggleSwitch

@Composable

fun ToggleSwitch(toggled: Boolean, modifier: Modifier = Modifier, onToggled: (Boolean) -> Unit? = null, enabled: Boolean = true, shape: Shape = RectangleShape, backgroundColor: Color = Color.Unspecified, contentPadding: PaddingValues = NoPadding, interactionSource: MutableInteractionSource = remember { MutableInteractionSource() }, indication: Indication = LocalIndication.current, thumb: @Composable () -> Unit)

A foundational component used to build toggle switches.

waitRelease

suspend fun AwaitPointerEventScope.waitRelease(pass: PointerEventPass = PointerEventPass.Main): PointerInputChange?