Wear Material Compose

Alert lays out the content for an opinionated, alert screen.

Opinionated Wear Material Card that offers a specific 5 slot layout to show information about an application, e.g.

Wear Material Button that offers a single slot to take any content (text, icon or image).

Base level Wear Material Card that offers a single slot to take any content.

Checkbox provides an animated checkbox for use as a toggle control in ToggleChip or SplitToggleChip.

Base level Wear Material Chip that offers a single slot to take any content.

Determinate Material Design circular progress indicator.

Wear Material CompactButton that offers a single slot to take any content (text, icon or image).

A compact Wear Material Chip that offers two slots and a specific layout for an icon and label.

Confirmation lays out the content for an opinionated confirmation screen that displays a message to the user for durationMillis.

Dialog displays a full-screen dialog, layered over any other content.

A horizontal indicator for a Pager, representing the currently active page and total pages drawn using a Shape.

Icon component that draws imageVector using tint, defaulting to LocalContentColor.

InlineSlider allows users to make a selection from a range of values.

A slot based composable for creating a list header item.

MaterialTheme defines the styling principles from the WearOS Material design specification which extends the Material design specification.

Wear Material OutlinedButton that offers a single slot to take any content (text, icon or image).

Wear Material OutlinedChip that offers three slots and a specific layout for an icon, label and secondaryLabel.

Wear Material OutlinedCompactButton that offers a single slot to take any content (text, icon or image).

A compact Outlined Wear Material Chip that offers two slots and a specific layout for an icon and label.

A scrollable list of items to pick from.

A group of Pickers to build components where multiple pickers are required to be combined together.

Creates an PositionIndicator based on the values in a ScrollState object.

This function is used to set the current value of LocalTextStyle, merging the given style with the current style values for any missing attributes.

RadioButton provides an animated radio button for use as a toggle control in ToggleChip or SplitToggleChip.

Scaffold implements the basic Wear Material Design visual layout structure.

A scrolling scaling/fisheye list component that forms a key part of the Wear Material Design language.

A SelectableChip is a specialized type of Chip that includes a slot for a bi-state selection control such as a radio button.

A SplitSelectableChip is a specialized type of Chip that includes a slot for a selection control, such as a radio button.

A SplitToggleChip is a specialized type of Chip that includes a slot for a toggle control, such as a toggle or checkbox.

Stepper allows users to make a selection from a range of values.

Wear Material SwipeToDismissBox that handles the swipe-to-dismiss gesture.

SwipeToReveal Material composable for Cards.

SwipeToReveal Material composable for Chips.

A composable which can be used for setting the primary action of material SwipeToRevealCard and SwipeToRevealChip.

A composable which can be used for setting the secondary action of material SwipeToRevealCard and SwipeToRevealChip.

A composable which can be used for setting the undo action of material SwipeToRevealCard and SwipeToRevealChip.

Switch provides an animated switch for use as a toggle control in ToggleChip or SplitToggleChip.

High level element that displays text and provides semantics / accessibility information.

Layout to show the current time and a label at the top of the screen.

Opinionated Wear Material Card that offers a specific 3 slot layout to show interactive information about an application, e.g.

Wear Material ToggleButton that offers a single slot to take any content (text, icon or image).

A ToggleChip is a specialized type of Chip that includes a slot for a bi-state toggle control such as a toggle or checkbox.

Vignette is whole screen decoration used to blur the top and bottom of the edges of a wearable screen when scrolling content is displayed.