# androidx.wear.compose.material3

Build Jetpack Compose UIs with Wear Material 3, the latest evolution of Material Design for wearables. Wear Material 3 includes updates to several areas, including theming, components, motion, and typography --- all designed to help you make engaging and desirable experiences on the wrist.

This package provides the foundational UI components and visual theming specifications required to build applications that adhere to the Material 3 design system on Wear OS.

For more information, check out the [Wear OS Compose guides](https://developer.android.com/training/wearables/compose).

## Overview

### Theming

|---|---|---|
|   | **APIs** | **Description** |
| **Material Theming** | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/MaterialTheme` | The overall theme for Wear Material 3, providing colors, typography, shapes, and motion. |
| **Color scheme** | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/ColorScheme` | Defines the colors used across the Wear Material 3 UI. |
|   | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/package-summary#dynamicColorScheme(android.content.Context)` | Creates a color scheme based on dynamic color extraction. |
| **Typography** | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/Typography` | Defines the text styles used in Wear Material 3. |
| **Shape** | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/Shapes` | Defines the shapes for Wear Material 3 components. |
| **Motion** | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/MotionScheme` | Defines the motion characteristics for Wear Material 3 components. |

### Scaffolds

|---|---|---|
|   | **APIs** | **Description** |
| **Scaffolds** | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/AppScaffold.composable#AppScaffold(androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,kotlin.Function1)` | Lays out the structure of an app and animates `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/TimeText.composable#TimeText(androidx.compose.ui.Modifier,androidx.wear.compose.foundation.CurvedModifier,kotlin.Float,androidx.compose.ui.graphics.Color,androidx.wear.compose.material3.TimeSource,androidx.compose.foundation.layout.PaddingValues,kotlin.Function2)` content. |
|   | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/ScreenScaffold.composable#ScreenScaffold(androidx.wear.compose.foundation.lazy.ScalingLazyListState,kotlin.Function1,androidx.compose.ui.Modifier,androidx.compose.foundation.layout.PaddingValues,kotlin.Function1,androidx.compose.ui.unit.Dp,androidx.compose.foundation.OverscrollEffect,kotlin.Function2)` | Lays out the structure of a screen and animates `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/ScrollIndicator.composable#ScrollIndicator(androidx.compose.foundation.ScrollState,androidx.compose.ui.Modifier,androidx.wear.compose.material3.ScrollIndicatorColors,kotlin.Boolean,androidx.compose.animation.core.AnimationSpec)` and `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/EdgeButton.composable#EdgeButton(kotlin.Function0,androidx.compose.ui.Modifier,androidx.wear.compose.material3.EdgeButtonSize,kotlin.Boolean,androidx.wear.compose.material3.ButtonColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)` where there is scrolling content. |
|   | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/HorizontalPagerScaffold.composable#HorizontalPagerScaffold(androidx.wear.compose.foundation.pager.PagerState,androidx.compose.ui.Modifier,kotlin.Function1,androidx.compose.animation.core.AnimationSpec,kotlin.Function0)` | Lays out the structure of a horizontal pager and animates `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/HorizontalPageIndicator.composable#HorizontalPageIndicator(androidx.wear.compose.foundation.pager.PagerState,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color)`. |
|   | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/VerticalPagerScaffold.composable#VerticalPagerScaffold(androidx.wear.compose.foundation.pager.PagerState,androidx.compose.ui.Modifier,kotlin.Function1,androidx.compose.animation.core.AnimationSpec,kotlin.Function0)` | Lays out the structure of a vertical pager and animates `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/VerticalPageIndicator.composable#VerticalPageIndicator(androidx.wear.compose.foundation.pager.PagerState,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color)`. |

### Components

|---|---|---|
|   | **APIs** | **Description** |
| **Buttons** | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/Button.composable#Button(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.ButtonColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function1)` | Standard, stadium-shaped button for icon, label and secondary label content. |
|   | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/IconButton.composable#IconButton(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Boolean,androidx.wear.compose.material3.IconButtonShapes,androidx.wear.compose.material3.IconButtonColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)` | Circular, icon-only button. |
|   | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/TextButton.composable#TextButton(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Boolean,androidx.wear.compose.material3.TextButtonShapes,androidx.wear.compose.material3.TextButtonColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)` | Circular, text-only button. |
|   | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/EdgeButton.composable#EdgeButton(kotlin.Function0,androidx.compose.ui.Modifier,androidx.wear.compose.material3.EdgeButtonSize,kotlin.Boolean,androidx.wear.compose.material3.ButtonColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)` | Signature button that follows the screen's curvature. |
|   | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/ButtonGroup.composable#ButtonGroup(androidx.compose.ui.Modifier,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.foundation.layout.PaddingValues,androidx.compose.ui.Alignment.Vertical,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function1)` | Expressive, animated row of buttons. |
| **Cards** | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/Card.composable#Card(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.CardColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function1)` | Base level container Card with rounded corners and optional image background. |
|   | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/AppCard.composable#AppCard(kotlin.Function0,kotlin.Function1,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.CardColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function1,kotlin.Function1,kotlin.Function1)` | A card with an opinionated 5-slot layout for title, time, name, icon and body content. |
|   | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/TitleCard.composable#TitleCard(kotlin.Function0,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Function0,kotlin.Function1,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.CardColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function0)` | A card with an opinionated 4-slot layout for title, time, subtitle and body content, with optional image background. |
| **Dialogs** | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/Dialog.composable#Dialog(kotlin.Boolean,kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.ui.window.DialogProperties,kotlin.Function0)` | Base full-screen, animated dialog. |
|   | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/AlertDialog.composable#AlertDialog(kotlin.Boolean,kotlin.Function0,kotlin.Function1,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function1,kotlin.Function0,kotlin.Function0,androidx.compose.foundation.layout.Arrangement.Vertical,androidx.compose.foundation.layout.PaddingValues,androidx.compose.ui.window.DialogProperties,kotlin.Function1)` | Alert dialog for user input, with variations for confirm/dismiss or EdgeButton and optional additional content. |
|   | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/ConfirmationDialog.composable#ConfirmationDialog(kotlin.Boolean,kotlin.Function0,kotlin.Function1,androidx.compose.ui.Modifier,androidx.wear.compose.material3.ConfirmationDialogColors,androidx.compose.ui.window.DialogProperties,kotlin.Long,kotlin.Function0)` | Transient confirmation with variations for short `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/package-summary#(androidx.wear.compose.foundation.CurvedScope).curvedText(kotlin.String,androidx.wear.compose.foundation.CurvedModifier,kotlin.Float,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.font.FontFamily,androidx.compose.ui.text.font.FontWeight,androidx.compose.ui.text.font.FontStyle,androidx.compose.ui.text.font.FontSynthesis,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.unit.TextUnit,androidx.wear.compose.foundation.CurvedTextStyle,androidx.wear.compose.foundation.CurvedDirection.Angular,androidx.compose.ui.text.style.TextOverflow)` or longer body text. |
|   | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/SuccessConfirmationDialog.composable#SuccessConfirmationDialog(kotlin.Boolean,kotlin.Function0,kotlin.Function1,androidx.compose.ui.Modifier,androidx.wear.compose.material3.ConfirmationDialogColors,androidx.compose.ui.window.DialogProperties,kotlin.Long,kotlin.Function0)` | An animated confirmation dialog with a success icon. |
|   | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/FailureConfirmationDialog.composable#FailureConfirmationDialog(kotlin.Boolean,kotlin.Function0,kotlin.Function1,androidx.compose.ui.Modifier,androidx.wear.compose.material3.ConfirmationDialogColors,androidx.compose.ui.window.DialogProperties,kotlin.Long,kotlin.Function0)` | An animated confirmation dialog with a failure icon. |
|   | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/OpenOnPhoneDialog.composable#OpenOnPhoneDialog(kotlin.Boolean,kotlin.Function0,kotlin.Function1,androidx.compose.ui.Modifier,androidx.wear.compose.material3.OpenOnPhoneDialogColors,androidx.compose.ui.window.DialogProperties,kotlin.Long,kotlin.Function0)` | Dialog showing animated "Open on phone" icon. |
| **Icons** | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/Icon.composable#Icon(androidx.compose.ui.graphics.vector.ImageVector,kotlin.String,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color)` | Icon component built from ImageVector, ImageBitmap or Painter. |
| **Pickers** | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/Picker.composable#Picker(androidx.wear.compose.material3.PickerState,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Function1,kotlin.Function0,androidx.compose.ui.unit.Dp,kotlin.Float,androidx.compose.ui.graphics.Color,kotlin.Boolean,androidx.wear.compose.foundation.rotary.RotaryScrollableBehavior,kotlin.Function2)` | Basic, scrollable picker for item selection. |
|   | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/PickerGroup.composable#PickerGroup(androidx.compose.ui.Modifier,androidx.wear.compose.material3.PickerState,kotlin.Boolean,kotlin.Boolean,kotlin.Function1)` | Builder for a screen of `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/Picker.composable#Picker(androidx.wear.compose.material3.PickerState,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Function1,kotlin.Function0,androidx.compose.ui.unit.Dp,kotlin.Float,androidx.compose.ui.graphics.Color,kotlin.Boolean,androidx.wear.compose.foundation.rotary.RotaryScrollableBehavior,kotlin.Function2)` components. |
|   | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/DatePicker.composable#DatePicker(java.time.LocalDate,kotlin.Function1,androidx.compose.ui.Modifier,java.time.LocalDate,java.time.LocalDate,androidx.wear.compose.material3.DatePickerType,androidx.wear.compose.material3.DatePickerColors)` | Full-screen date picker for day, month, year selection. |
|   | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/TimePicker.composable#TimePicker(java.time.LocalTime,kotlin.Function1,androidx.compose.ui.Modifier,androidx.wear.compose.material3.TimePickerType,androidx.wear.compose.material3.TimePickerColors,androidx.wear.compose.material3.TimePickerSelection)` | Full-screen time picker for hours, minutes, seconds selection. |
| **Progress indicators** | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/CircularProgressIndicator.composable#CircularProgressIndicator(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Boolean,kotlin.Float,kotlin.Float,androidx.wear.compose.material3.ProgressIndicatorColors,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)` | Animated circular progress indicator for defined or indeterminate progress. |
|   | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/LinearProgressIndicator.composable#LinearProgressIndicator(kotlin.Function0,androidx.compose.ui.Modifier,androidx.wear.compose.material3.ProgressIndicatorColors,androidx.compose.ui.unit.Dp,kotlin.Boolean)` | Horizontal progress indicator. |
|   | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/ArcProgressIndicator.composable#ArcProgressIndicator(androidx.compose.ui.Modifier,kotlin.Float,kotlin.Float,androidx.wear.compose.material3.AngularDirection,androidx.wear.compose.material3.ProgressIndicatorColors,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)` | Indeterminate arc progress indicator. |
|   | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/SegmentedCircularProgressIndicator.composable#SegmentedCircularProgressIndicator(kotlin.Int,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Float,kotlin.Float,androidx.wear.compose.material3.ProgressIndicatorColors,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,kotlin.Boolean)` | Segmented variation of the `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/CircularProgressIndicator.composable#CircularProgressIndicator(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Boolean,kotlin.Float,kotlin.Float,androidx.wear.compose.material3.ProgressIndicatorColors,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)`. |
| **Selectable buttons** | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/RadioButton.composable#RadioButton(kotlin.Boolean,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.RadioButtonColors,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function1,kotlin.Function1,kotlin.Function1)` | Stadium-shaped toggle button for icon, label and secondary label content with a radio button. |
|   | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/SplitRadioButton.composable#SplitRadioButton(kotlin.Boolean,kotlin.Function0,kotlin.String,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.SplitRadioButtonColors,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.String,androidx.compose.foundation.layout.PaddingValues,kotlin.Function1,kotlin.Function1)` | Split variation of the `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/RadioButton.composable#RadioButton(kotlin.Boolean,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.RadioButtonColors,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function1,kotlin.Function1,kotlin.Function1)`. |
| **Sliders \& Steppers** | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/Slider.composable#Slider(kotlin.Int,kotlin.Function1,kotlin.Int,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.Function0,kotlin.Boolean,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.SliderColors)` | Stadium-shaped selector for a range of values. |
|   | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/Stepper.composable#Stepper(kotlin.Float,kotlin.Function1,kotlin.Int,kotlin.Function0,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.ranges.ClosedFloatingPointRange,androidx.wear.compose.material3.StepperColors,kotlin.Function1)` | Full-screen component for selecting from a range of values. |
| **Status indicators** | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/LevelIndicator.composable#LevelIndicator(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.wear.compose.material3.LevelIndicatorColors,androidx.compose.ui.unit.Dp,kotlin.Float,kotlin.Boolean)` | Visual indicator for a setting level such as volume. |
|   | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/ScrollIndicator.composable#ScrollIndicator(androidx.compose.foundation.ScrollState,androidx.compose.ui.Modifier,androidx.wear.compose.material3.ScrollIndicatorColors,kotlin.Boolean,androidx.compose.animation.core.AnimationSpec)` | Visual indicator for scroll position within a scrollable container such as `https://developer.android.com/reference/kotlin/androidx/wear/compose/foundation/lazy/TransformingLazyColumn.composable#TransformingLazyColumn(androidx.compose.ui.Modifier,androidx.wear.compose.foundation.lazy.TransformingLazyColumnState,androidx.compose.foundation.layout.PaddingValues,kotlin.Boolean,androidx.compose.foundation.layout.Arrangement.Vertical,androidx.compose.ui.Alignment.Horizontal,androidx.compose.foundation.gestures.FlingBehavior,kotlin.Boolean,androidx.wear.compose.foundation.rotary.RotaryScrollableBehavior,androidx.compose.foundation.OverscrollEffect,androidx.wear.compose.foundation.lazy.TransformingLazyColumnFirstLayoutItemProvider,kotlin.Function1)`. |
|   | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/HorizontalPageIndicator.composable#HorizontalPageIndicator(androidx.wear.compose.foundation.pager.PagerState,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color)` | Indicates the currently active page and approximate number of pages for a `https://developer.android.com/reference/kotlin/androidx/wear/compose/foundation/pager/HorizontalPager.composable#HorizontalPager(androidx.wear.compose.foundation.pager.PagerState,androidx.compose.ui.Modifier,androidx.compose.foundation.layout.PaddingValues,kotlin.Int,androidx.compose.foundation.gestures.TargetedFlingBehavior,kotlin.Boolean,androidx.wear.compose.foundation.GestureInclusion,kotlin.Boolean,kotlin.Function1,androidx.wear.compose.foundation.rotary.RotaryScrollableBehavior,kotlin.Function2)`. |
|   | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/VerticalPageIndicator.composable#VerticalPageIndicator(androidx.wear.compose.foundation.pager.PagerState,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color)` | Indicates the currently active page and approximate number of pages for a `https://developer.android.com/reference/kotlin/androidx/wear/compose/foundation/pager/VerticalPager.composable#VerticalPager(androidx.wear.compose.foundation.pager.PagerState,androidx.compose.ui.Modifier,androidx.compose.foundation.layout.PaddingValues,kotlin.Int,androidx.compose.foundation.gestures.TargetedFlingBehavior,kotlin.Boolean,kotlin.Boolean,kotlin.Function1,androidx.wear.compose.foundation.rotary.RotaryScrollableBehavior,kotlin.Function2)`. |
| **Swipe behavior** | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/SwipeToDismissBox.composable#SwipeToDismissBox(androidx.wear.compose.foundation.SwipeToDismissBoxState,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,kotlin.Any,kotlin.Any,kotlin.Boolean,kotlin.Function2)` | Swipe to dismiss handling for content within a `https://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/Box.composable#Box(androidx.compose.ui.Modifier,androidx.compose.ui.Alignment,kotlin.Boolean,kotlin.Function1)`. |
|   | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/SwipeToReveal.composable#SwipeToReveal(kotlin.Function1,kotlin.Function0,androidx.wear.compose.material3.SurfaceTransformation,androidx.compose.ui.Modifier,kotlin.Function1,kotlin.Function1,kotlin.Function1,androidx.wear.compose.material3.RevealState,androidx.wear.compose.material3.RevealDirection,kotlin.Boolean,androidx.wear.compose.foundation.GestureInclusion,androidx.compose.ui.unit.Dp,kotlin.Function0)` | Reveal up to two additional actions behind a UI component when swiped. |
| **Text** | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/package-summary#(androidx.wear.compose.foundation.CurvedScope).curvedText(kotlin.String,androidx.wear.compose.foundation.CurvedModifier,kotlin.Float,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.font.FontFamily,androidx.compose.ui.text.font.FontWeight,androidx.compose.ui.text.font.FontStyle,androidx.compose.ui.text.font.FontSynthesis,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.unit.TextUnit,androidx.wear.compose.foundation.CurvedTextStyle,androidx.wear.compose.foundation.CurvedDirection.Angular,androidx.compose.ui.text.style.TextOverflow)` | Curved text within a `https://developer.android.com/reference/kotlin/androidx/wear/compose/foundation/CurvedLayout.composable#CurvedLayout(androidx.compose.ui.Modifier,kotlin.Float,androidx.wear.compose.foundation.AnchorType,androidx.wear.compose.foundation.CurvedAlignment.Radial,androidx.wear.compose.foundation.CurvedDirection.Angular,kotlin.Function1)`. |
|   | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/Text.composable#Text(kotlin.String,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.font.FontStyle,androidx.compose.ui.text.font.FontWeight,androidx.compose.ui.text.font.FontFamily,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.style.TextDecoration,androidx.compose.ui.text.style.TextAlign,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.style.TextOverflow,kotlin.Boolean,kotlin.Int,kotlin.Int,kotlin.Function1,androidx.compose.ui.text.TextStyle)` | Linear Text |
|   | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/TimeText.composable#TimeText(androidx.compose.ui.Modifier,androidx.wear.compose.foundation.CurvedModifier,kotlin.Float,androidx.compose.ui.graphics.Color,androidx.wear.compose.material3.TimeSource,androidx.compose.foundation.layout.PaddingValues,kotlin.Function2)` | Curved time text |
| **Toggle buttons** | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/CheckboxButton.composable#CheckboxButton(kotlin.Boolean,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.CheckboxButtonColors,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function1,kotlin.Function1,kotlin.Function1)` | Stadium-shaped toggle button for icon, label and secondary label content with a checkbox. |
|   | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/SplitCheckboxButton.composable#SplitCheckboxButton(kotlin.Boolean,kotlin.Function1,kotlin.String,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.SplitCheckboxButtonColors,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.String,androidx.compose.foundation.layout.PaddingValues,kotlin.Function1,kotlin.Function1)` | Split variation of the `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/CheckboxButton.composable#CheckboxButton(kotlin.Boolean,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.CheckboxButtonColors,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function1,kotlin.Function1,kotlin.Function1)`. |
|   | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/SwitchButton.composable#SwitchButton(kotlin.Boolean,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.SwitchButtonColors,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function1,kotlin.Function1,kotlin.Function1)` | Stadium-shaped toggle button for icon, label and secondary label content with a switch. |
|   | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/SplitSwitchButton.composable#SplitSwitchButton(kotlin.Boolean,kotlin.Function1,kotlin.String,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.SplitSwitchButtonColors,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.String,androidx.compose.foundation.layout.PaddingValues,kotlin.Function1,kotlin.Function1)` | Split variation of the `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/SwitchButton.composable#SwitchButton(kotlin.Boolean,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.SwitchButtonColors,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function1,kotlin.Function1,kotlin.Function1)`. |
|   | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/IconToggleButton.composable#IconToggleButton(kotlin.Boolean,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.wear.compose.material3.IconToggleButtonColors,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.IconToggleButtonShapes,androidx.compose.foundation.BorderStroke,kotlin.Function1)` | Circular, icon-only toggle button with shape-morphing variations. |
|   | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/TextToggleButton.composable#TextToggleButton(kotlin.Boolean,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.wear.compose.material3.TextToggleButtonColors,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.TextToggleButtonShapes,androidx.compose.foundation.BorderStroke,kotlin.Function1)` | Circular, text-only toggle button with shape-morphing variations. |

### One-handed gestures

|---|---|---|
|   | **APIs** | **Description** |
| **Gesture Modifier** | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/onehandedgesture/oneHandedGesture.modifier#(androidx.compose.ui.Modifier).oneHandedGesture(androidx.wear.compose.material3.onehandedgesture.OneHandedGestureConfiguration,kotlin.String,kotlin.Long,kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function0,kotlin.coroutines.SuspendFunction0)` | Modifier to enable one-handed gesture support on a UI element. |
| **Config** | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/onehandedgesture/rememberOneHandedGestureConfiguration.composable#rememberOneHandedGestureConfiguration(androidx.wear.compose.material3.onehandedgesture.OneHandedGestureAction,kotlin.String,androidx.wear.compose.material3.onehandedgesture.OneHandedGesturePriority)` | Creates and remembers a configuration for one-handed gestures. |
| **Indicators** | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/onehandedgesture/OneHandedGestureClickIndicator.composable#OneHandedGestureClickIndicator(androidx.wear.compose.material3.onehandedgesture.OneHandedGestureConfiguration,androidx.wear.compose.material3.onehandedgesture.OneHandedGestureClickIndicatorState,androidx.compose.ui.Modifier,androidx.wear.compose.material3.onehandedgesture.OneHandedGestureIndicatorSize,androidx.compose.ui.graphics.Color,kotlin.Function0)` | Indicator for click gesture availability, such as on Buttons and Cards. Transitions between the content and a gesture indicator. |
|   | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/onehandedgesture/OneHandedGestureScrollIndicator.composable#OneHandedGestureScrollIndicator(androidx.wear.compose.material3.onehandedgesture.OneHandedGestureConfiguration,androidx.wear.compose.material3.onehandedgesture.OneHandedGestureScrollIndicatorState,androidx.wear.compose.foundation.lazy.TransformingLazyColumnState,androidx.compose.ui.Modifier,androidx.wear.compose.material3.ScrollIndicatorColors,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,kotlin.Boolean,androidx.compose.animation.core.AnimationSpec)` | Indicator for scroll gesture availability, displays a standard `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/ScrollIndicator.composable#ScrollIndicator(androidx.compose.foundation.ScrollState,androidx.compose.ui.Modifier,androidx.wear.compose.material3.ScrollIndicatorColors,kotlin.Boolean,androidx.compose.animation.core.AnimationSpec)` with temporary transitions to a gesture indicator animation. |
|   | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/onehandedgesture/OneHandedGestureHorizontalPageIndicator.composable#OneHandedGestureHorizontalPageIndicator(androidx.wear.compose.material3.onehandedgesture.OneHandedGestureConfiguration,androidx.wear.compose.material3.onehandedgesture.OneHandedGesturePageIndicatorState,androidx.wear.compose.foundation.pager.PagerState,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color)` | Indicator for horizontal pager gesture availability, displays a standard `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/HorizontalPageIndicator.composable#HorizontalPageIndicator(androidx.wear.compose.foundation.pager.PagerState,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color)` with temporary transitions to a gesture indicator animation. |
|   | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/onehandedgesture/OneHandedGestureVerticalPageIndicator.composable#OneHandedGestureVerticalPageIndicator(androidx.wear.compose.material3.onehandedgesture.OneHandedGestureConfiguration,androidx.wear.compose.material3.onehandedgesture.OneHandedGesturePageIndicatorState,androidx.wear.compose.foundation.pager.PagerState,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color)` | Indicator for vertical pager gesture availability, displays a standard `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/VerticalPageIndicator.composable#VerticalPageIndicator(androidx.wear.compose.foundation.pager.PagerState,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color)` with temporary transitions to a gesture indicator animation. |

## Interfaces

|---|---|
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/ButtonGroupScope` |   |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/MotionScheme` | A motion scheme provides all the `https://developer.android.com/reference/kotlin/androidx/compose/animation/core/FiniteAnimationSpec`s for a `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/MaterialTheme`. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/PickerScope` | Receiver scope which is used by `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/Picker.composable#Picker(androidx.wear.compose.material3.PickerState,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Function1,kotlin.Function0,androidx.compose.ui.unit.Dp,kotlin.Float,androidx.compose.ui.graphics.Color,kotlin.Boolean,androidx.wear.compose.foundation.rotary.RotaryScrollableBehavior,kotlin.Function2)`. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/PullToRefreshState` | The state of a `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/PullToRefreshBox.composable#PullToRefreshBox(kotlin.Boolean,kotlin.Function0,androidx.wear.compose.material3.PullToRefreshState,androidx.compose.ui.Modifier,androidx.compose.ui.Alignment,kotlin.Function1,kotlin.Boolean,androidx.compose.ui.unit.Dp,kotlin.Function1)` which tracks the distance that the container and indicator have been pulled. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/SurfaceTransformation` | Object to be used to apply different transformation to the content and the container (i.e. the background) of the composable. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/SwipeToRevealDragScope` | Scope used for suspending drag blocks. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/TimeSource` |   |

## Classes

|---|---|
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/AngularAnchorType` | Specifies how components will be laid down with respect to the anchor. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/AngularDirection` | Class to define angular direction - Clockwise and Counter Clockwise. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/AnimatedTextFontRegistry` | Generates fonts to be used by `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/AnimatedText.composable#AnimatedText(kotlin.String,androidx.wear.compose.material3.AnimatedTextFontRegistry,kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.ui.Alignment)` throughout the animation. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/ButtonColors` | Represents the container and content colors used in buttons in different states. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/CardColors` | Represents Colors used in `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/Card.composable#Card(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.CardColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function1)`. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/CheckboxButtonColors` | Represents the different container and content colors used for `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/CheckboxButton.composable#CheckboxButton(kotlin.Boolean,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.CheckboxButtonColors,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function1,kotlin.Function1,kotlin.Function1)` in various states, that are checked, unchecked, enabled and disabled. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/ColorScheme` | A `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/ColorScheme` holds all the named color parameters for a `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/MaterialTheme`. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/ConfirmationDialogColors` | Represents the colors used in `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/ConfirmationDialog.composable#ConfirmationDialog(kotlin.Boolean,kotlin.Function0,kotlin.Function1,androidx.compose.ui.Modifier,androidx.wear.compose.material3.ConfirmationDialogColors,androidx.compose.ui.window.DialogProperties,kotlin.Long,kotlin.Function0)`, `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/SuccessConfirmationDialog.composable#SuccessConfirmationDialog(kotlin.Boolean,kotlin.Function0,kotlin.Function1,androidx.compose.ui.Modifier,androidx.wear.compose.material3.ConfirmationDialogColors,androidx.compose.ui.window.DialogProperties,kotlin.Long,kotlin.Function0)` and `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/FailureConfirmationDialog.composable#FailureConfirmationDialog(kotlin.Boolean,kotlin.Function0,kotlin.Function1,androidx.compose.ui.Modifier,androidx.wear.compose.material3.ConfirmationDialogColors,androidx.compose.ui.window.DialogProperties,kotlin.Long,kotlin.Function0)`. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/DatePickerColors` | Colors for `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/DatePicker.composable#DatePicker(java.time.LocalDate,kotlin.Function1,androidx.compose.ui.Modifier,java.time.LocalDate,java.time.LocalDate,androidx.wear.compose.material3.DatePickerType,androidx.wear.compose.material3.DatePickerColors)`. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/DatePickerType` | Specifies the types of columns to display in the DatePicker. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/EdgeButtonSize` | Size of the `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/EdgeButton.composable#EdgeButton(kotlin.Function0,androidx.compose.ui.Modifier,androidx.wear.compose.material3.EdgeButtonSize,kotlin.Boolean,androidx.wear.compose.material3.ButtonColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)`. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/IconButtonColors` | Represents the container and content colors used in an icon button in different states. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/IconButtonShapes` | Represents the shapes used for `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/IconButton.composable#IconButton(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Boolean,androidx.wear.compose.material3.IconButtonShapes,androidx.wear.compose.material3.IconButtonColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)` in various states. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/IconToggleButtonColors` | Represents the different container and content colors used for `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/IconToggleButton.composable#IconToggleButton(kotlin.Boolean,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.wear.compose.material3.IconToggleButtonColors,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.IconToggleButtonShapes,androidx.compose.foundation.BorderStroke,kotlin.Function1)` in various states, that are checked, unchecked, enabled and disabled. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/IconToggleButtonShapes` | Represents the shapes used for `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/IconToggleButton.composable#IconToggleButton(kotlin.Boolean,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.wear.compose.material3.IconToggleButtonColors,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.IconToggleButtonShapes,androidx.compose.foundation.BorderStroke,kotlin.Function1)` in various states. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/LevelIndicatorColors` | Represents the indicator and track colors used in `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/LevelIndicator.composable#LevelIndicator(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.wear.compose.material3.LevelIndicatorColors,androidx.compose.ui.unit.Dp,kotlin.Float,kotlin.Boolean)`. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/OpenOnPhoneDialogColors` | Represents the colors used in `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/OpenOnPhoneDialog.composable#OpenOnPhoneDialog(kotlin.Boolean,kotlin.Function0,kotlin.Function1,androidx.compose.ui.Modifier,androidx.wear.compose.material3.OpenOnPhoneDialogColors,androidx.compose.ui.window.DialogProperties,kotlin.Long,kotlin.Function0)`. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/PickerGroupScope` |   |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/PickerState` | A state object that can be hoisted to observe item selection. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/PlaceholderState` | A state object that can be used to control placeholders. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/ProgressIndicatorColors` | Represents the indicator and track colors used in progress indicator. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/RadioButtonColors` | Represents the different container and content colors used for `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/RadioButton.composable#RadioButton(kotlin.Boolean,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.RadioButtonColors,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function1,kotlin.Function1,kotlin.Function1)` in various states, that are selected, unselected, enabled and disabled. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/RevealDirection` | Different values `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/SwipeToReveal.composable#SwipeToReveal(kotlin.Function1,kotlin.Function0,androidx.wear.compose.material3.SurfaceTransformation,androidx.compose.ui.Modifier,kotlin.Function1,kotlin.Function1,kotlin.Function1,androidx.wear.compose.material3.RevealState,androidx.wear.compose.material3.RevealDirection,kotlin.Boolean,androidx.wear.compose.foundation.GestureInclusion,androidx.compose.ui.unit.Dp,kotlin.Function0)` composable can reveal the actions from. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/RevealState` | A class to keep track of the state of the composable. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/RevealValue` | Different values that determine the state of the `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/SwipeToReveal.composable#SwipeToReveal(kotlin.Function1,kotlin.Function0,androidx.wear.compose.material3.SurfaceTransformation,androidx.compose.ui.Modifier,kotlin.Function1,kotlin.Function1,kotlin.Function1,androidx.wear.compose.material3.RevealState,androidx.wear.compose.material3.RevealDirection,kotlin.Boolean,androidx.wear.compose.foundation.GestureInclusion,androidx.compose.ui.unit.Dp,kotlin.Function0)` composable, reflected in `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/RevealState#currentValue()`. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/RippleConfiguration` | Configuration for `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/package-summary#ripple(kotlin.Boolean,androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Shape,kotlin.Boolean,kotlin.Boolean,kotlin.Boolean,kotlin.Boolean)` appearance, provided using `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/package-summary#LocalRippleConfiguration()`. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/RippleConfiguration.Focus` | The configuration options for the focus indication for `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/RippleConfiguration`. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/RippleConfiguration.Focus.InsetRing` | An inset ring focus indication. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/RippleThemeConfiguration` | The overall ripple theme in use by all built-in components and `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/package-summary#ripple(kotlin.Boolean,androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Shape,kotlin.Boolean,kotlin.Boolean,kotlin.Boolean,kotlin.Boolean)`. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/RippleThemeConfiguration.Focus` | The configuration options for the focus indication for `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/RippleThemeConfiguration`. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/RippleThemeConfiguration.Focus.InsetRing` | An inset ring focus indication. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/ScreenStage` | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/ScreenStage` represents the different stages for a screen, which affect visibility of scaffold components such as `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/TimeText.composable#TimeText(androidx.compose.ui.Modifier,androidx.wear.compose.foundation.CurvedModifier,kotlin.Float,androidx.compose.ui.graphics.Color,androidx.wear.compose.material3.TimeSource,androidx.compose.foundation.layout.PaddingValues,kotlin.Function2)` and `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/ScrollIndicator.composable#ScrollIndicator(androidx.compose.foundation.ScrollState,androidx.compose.ui.Modifier,androidx.wear.compose.material3.ScrollIndicatorColors,kotlin.Boolean,androidx.compose.animation.core.AnimationSpec)` with `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/scrollAway.modifier#(androidx.compose.ui.Modifier).scrollAway(androidx.wear.compose.foundation.ScrollInfoProvider,kotlin.Function0)` and other animations. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/ScrollIndicatorColors` | Represents the indicator and track colors used in `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/ScrollIndicator.composable#ScrollIndicator(androidx.compose.foundation.ScrollState,androidx.compose.ui.Modifier,androidx.wear.compose.material3.ScrollIndicatorColors,kotlin.Boolean,androidx.compose.animation.core.AnimationSpec)`. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/Shapes` | Material surfaces can be displayed in different shapes. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/SliderColors` | Represents the background and content colors used in `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/Slider.composable#Slider(kotlin.Int,kotlin.Function1,kotlin.Int,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.Function0,kotlin.Boolean,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.SliderColors)` in different states. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/SplitCheckboxButtonColors` | Represents the different colors used in `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/SplitCheckboxButton.composable#SplitCheckboxButton(kotlin.Boolean,kotlin.Function1,kotlin.String,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.SplitCheckboxButtonColors,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.String,androidx.compose.foundation.layout.PaddingValues,kotlin.Function1,kotlin.Function1)` in different states. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/SplitRadioButtonColors` | Represents the different colors used in `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/SplitRadioButton.composable#SplitRadioButton(kotlin.Boolean,kotlin.Function0,kotlin.String,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.SplitRadioButtonColors,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.String,androidx.compose.foundation.layout.PaddingValues,kotlin.Function1,kotlin.Function1)` in different states. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/SplitSwitchButtonColors` | Represents the different colors used in `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/SplitSwitchButton.composable#SplitSwitchButton(kotlin.Boolean,kotlin.Function1,kotlin.String,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.SplitSwitchButtonColors,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.String,androidx.compose.foundation.layout.PaddingValues,kotlin.Function1,kotlin.Function1)` in different states. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/StepperColors` | Represents Colors used in `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/Stepper.composable#Stepper(kotlin.Float,kotlin.Function1,kotlin.Int,kotlin.Function0,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.ranges.ClosedFloatingPointRange,androidx.wear.compose.material3.StepperColors,kotlin.Function1)`. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/SwipeToRevealScope` | Scope for the actions of a `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/SwipeToReveal.composable#SwipeToReveal(kotlin.Function1,kotlin.Function0,androidx.wear.compose.material3.SurfaceTransformation,androidx.compose.ui.Modifier,kotlin.Function1,kotlin.Function1,kotlin.Function1,androidx.wear.compose.material3.RevealState,androidx.wear.compose.material3.RevealDirection,kotlin.Boolean,androidx.wear.compose.foundation.GestureInclusion,androidx.compose.ui.unit.Dp,kotlin.Function0)` composable. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/SwitchButtonColors` | Represents the different container and content colors used for `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/SwitchButton.composable#SwitchButton(kotlin.Boolean,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.SwitchButtonColors,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function1,kotlin.Function1,kotlin.Function1)`, in various states, that are checked, unchecked, enabled and disabled. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/TextButtonColors` | Represents the container and content colors used in a text button in different states. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/TextButtonShapes` | Represents the shapes used for `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/TextButton.composable#TextButton(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Boolean,androidx.wear.compose.material3.TextButtonShapes,androidx.wear.compose.material3.TextButtonColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)` in various states. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/TextConfiguration` | Class representing aspects of `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/Text.composable#Text(kotlin.String,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.font.FontStyle,androidx.compose.ui.text.font.FontWeight,androidx.compose.ui.text.font.FontFamily,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.style.TextDecoration,androidx.compose.ui.text.style.TextAlign,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.style.TextOverflow,kotlin.Boolean,kotlin.Int,kotlin.Int,kotlin.Function1,androidx.compose.ui.text.TextStyle)` that can be configured with `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/package-summary#LocalTextConfiguration()`. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/TextToggleButtonColors` | Represents the different container and content colors used for `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/TextToggleButton.composable#TextToggleButton(kotlin.Boolean,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.wear.compose.material3.TextToggleButtonColors,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.TextToggleButtonShapes,androidx.compose.foundation.BorderStroke,kotlin.Function1)` in various states, that are checked, unchecked, enabled and disabled. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/TextToggleButtonShapes` | Represents the shapes used for `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/TextToggleButton.composable#TextToggleButton(kotlin.Boolean,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.wear.compose.material3.TextToggleButtonColors,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.TextToggleButtonShapes,androidx.compose.foundation.BorderStroke,kotlin.Function1)` in various states. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/TimePickerColors` | Represents the colors used by a `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/TimePicker.composable#TimePicker(java.time.LocalTime,kotlin.Function1,androidx.compose.ui.Modifier,androidx.wear.compose.material3.TimePickerType,androidx.wear.compose.material3.TimePickerColors,androidx.wear.compose.material3.TimePickerSelection)`. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/TimePickerSelection` |   |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/TimePickerType` | Specifies the types of columns to display in the TimePicker. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/Typography` | Class holding typography definitions as defined by the Wear Material typography specification. |

## Objects

|---|---|
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/AlertDialogDefaults` | Contains the default values used by `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/AlertDialog.composable#AlertDialog(kotlin.Boolean,kotlin.Function0,kotlin.Function1,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function1,kotlin.Function0,kotlin.Function0,androidx.compose.foundation.layout.Arrangement.Vertical,androidx.compose.foundation.layout.PaddingValues,androidx.compose.ui.window.DialogProperties,kotlin.Function1)` |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/AnimatedTextDefaults` | Defaults for AnimatedText. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/AppScaffoldDefaults` | Contains default values used by `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/AppScaffold.composable#AppScaffold(androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,kotlin.Function1)`. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/ArcProgressIndicatorDefaults` | Contains default values for `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/ArcProgressIndicator.composable#ArcProgressIndicator(androidx.compose.ui.Modifier,kotlin.Float,kotlin.Float,androidx.wear.compose.material3.AngularDirection,androidx.wear.compose.material3.ProgressIndicatorColors,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)`. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/ButtonDefaults` | Contains the default values used by `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/Button.composable#Button(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.ButtonColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function1)` |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/ButtonGroupDefaults` | Contains the default values used by `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/ButtonGroup.composable#ButtonGroup(androidx.compose.ui.Modifier,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,androidx.compose.foundation.layout.PaddingValues,androidx.compose.ui.Alignment.Vertical,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function1)` |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/CardDefaults` | Contains the default values used by `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/Card.composable#Card(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.CardColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function1)` |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/CheckboxButtonDefaults` | Contains the default values used by `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/CheckboxButton.composable#CheckboxButton(kotlin.Boolean,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.CheckboxButtonColors,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function1,kotlin.Function1,kotlin.Function1)`s and `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/SplitCheckboxButton.composable#SplitCheckboxButton(kotlin.Boolean,kotlin.Function1,kotlin.String,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.SplitCheckboxButtonColors,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.String,androidx.compose.foundation.layout.PaddingValues,kotlin.Function1,kotlin.Function1)`s |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/CircularProgressIndicatorDefaults` | Contains default values for `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/CircularProgressIndicator.composable#CircularProgressIndicator(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Boolean,kotlin.Float,kotlin.Float,androidx.wear.compose.material3.ProgressIndicatorColors,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)`. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/CompactButtonDefaults` | Contains the default values used by `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/CompactButton.composable#CompactButton(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Function1,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.ButtonColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function1)` |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/ConfirmationDialogDefaults` | Contains default values used by `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/ConfirmationDialog.composable#ConfirmationDialog(kotlin.Boolean,kotlin.Function0,kotlin.Function1,androidx.compose.ui.Modifier,androidx.wear.compose.material3.ConfirmationDialogColors,androidx.compose.ui.window.DialogProperties,kotlin.Long,kotlin.Function0)` composable. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/CurvedTextDefaults` |   |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/DatePickerDefaults` | Contains the default values used by `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/DatePicker.composable#DatePicker(java.time.LocalDate,kotlin.Function1,androidx.compose.ui.Modifier,java.time.LocalDate,java.time.LocalDate,androidx.wear.compose.material3.DatePickerType,androidx.wear.compose.material3.DatePickerColors)` |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/EdgeButtonDefaults` | Contains the default values used by `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/EdgeButton.composable#EdgeButton(kotlin.Function0,androidx.compose.ui.Modifier,androidx.wear.compose.material3.EdgeButtonSize,kotlin.Boolean,androidx.wear.compose.material3.ButtonColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)`. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/FadingExpandingLabelDefaults` | Contains default values for `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/FadingExpandingLabel.composable#FadingExpandingLabel(kotlin.String,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.font.FontStyle,androidx.compose.ui.text.font.FontWeight,androidx.compose.ui.text.font.FontFamily,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.style.TextDecoration,androidx.compose.ui.text.style.TextAlign,androidx.compose.ui.unit.TextUnit,kotlin.Boolean,kotlin.Int,kotlin.Int,androidx.compose.ui.text.TextStyle,androidx.compose.animation.core.FiniteAnimationSpec)`. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/IconButtonDefaults` | Contains the default values used by `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/IconButton.composable#IconButton(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Boolean,androidx.wear.compose.material3.IconButtonShapes,androidx.wear.compose.material3.IconButtonColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)`. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/IconToggleButtonDefaults` | Contains the default values used by `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/IconToggleButton.composable#IconToggleButton(kotlin.Boolean,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.wear.compose.material3.IconToggleButtonColors,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.IconToggleButtonShapes,androidx.compose.foundation.BorderStroke,kotlin.Function1)`. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/LevelIndicatorDefaults` | Contains the default values used for `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/LevelIndicator.composable#LevelIndicator(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.wear.compose.material3.LevelIndicatorColors,androidx.compose.ui.unit.Dp,kotlin.Float,kotlin.Boolean)`. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/LinearProgressIndicatorDefaults` | Contains defaults for Linear Progress Indicator. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/ListHeaderDefaults` |   |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/MaterialTheme` |   |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/OpenOnPhoneDialogDefaults` | Contains the default values used by `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/OpenOnPhoneDialog.composable#OpenOnPhoneDialog(kotlin.Boolean,kotlin.Function0,kotlin.Function1,androidx.compose.ui.Modifier,androidx.wear.compose.material3.OpenOnPhoneDialogColors,androidx.compose.ui.window.DialogProperties,kotlin.Long,kotlin.Function0)`. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/PageIndicatorDefaults` | Contains the default values used by `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/HorizontalPageIndicator.composable#HorizontalPageIndicator(androidx.wear.compose.foundation.pager.PagerState,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color)` and `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/VerticalPageIndicator.composable#VerticalPageIndicator(androidx.wear.compose.foundation.pager.PagerState,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color)` |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/PagerScaffoldDefaults` | Contains default values used for `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/HorizontalPagerScaffold.composable#HorizontalPagerScaffold(androidx.wear.compose.foundation.pager.PagerState,androidx.compose.ui.Modifier,kotlin.Function1,androidx.compose.animation.core.AnimationSpec,kotlin.Function0)` and `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/VerticalPagerScaffold.composable#VerticalPagerScaffold(androidx.wear.compose.foundation.pager.PagerState,androidx.compose.ui.Modifier,kotlin.Function1,androidx.compose.animation.core.AnimationSpec,kotlin.Function0)`. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/PickerDefaults` | Contains the default values used by `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/Picker.composable#Picker(androidx.wear.compose.material3.PickerState,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Function1,kotlin.Function0,androidx.compose.ui.unit.Dp,kotlin.Float,androidx.compose.ui.graphics.Color,kotlin.Boolean,androidx.wear.compose.foundation.rotary.RotaryScrollableBehavior,kotlin.Function2)`. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/PlaceholderDefaults` | Contains the default values used for providing placeholders. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/ProgressIndicatorDefaults` | Contains defaults for Progress Indicators. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/PullToRefreshDefaults` | Contains the default values for `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/PullToRefreshBox.composable#PullToRefreshBox(kotlin.Boolean,kotlin.Function0,androidx.wear.compose.material3.PullToRefreshState,androidx.compose.ui.Modifier,androidx.compose.ui.Alignment,kotlin.Function1,kotlin.Boolean,androidx.compose.ui.unit.Dp,kotlin.Function1)` |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/RadioButtonDefaults` | Contains the default values used by `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/RadioButton.composable#RadioButton(kotlin.Boolean,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.RadioButtonColors,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function1,kotlin.Function1,kotlin.Function1)`s and `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/SplitRadioButton.composable#SplitRadioButton(kotlin.Boolean,kotlin.Function0,kotlin.String,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.SplitRadioButtonColors,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.String,androidx.compose.foundation.layout.PaddingValues,kotlin.Function1,kotlin.Function1)`s |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/RippleConfiguration.Focus.Opacity` | An opacity-based focus indication. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/RippleDefaults` | Default values used by `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/package-summary#ripple(kotlin.Boolean,androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Shape,kotlin.Boolean,kotlin.Boolean,kotlin.Boolean,kotlin.Boolean)`. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/RippleThemeConfiguration.Focus.Opacity` | An opacity-based focus indication. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/ScreenScaffoldDefaults` | Contains the default values used by `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/ScreenScaffold.composable#ScreenScaffold(androidx.wear.compose.foundation.lazy.ScalingLazyListState,kotlin.Function1,androidx.compose.ui.Modifier,androidx.compose.foundation.layout.PaddingValues,kotlin.Function1,androidx.compose.ui.unit.Dp,androidx.compose.foundation.OverscrollEffect,kotlin.Function2)` |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/ScrollIndicatorDefaults` | Contains the default values used for `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/ScrollIndicator.composable#ScrollIndicator(androidx.compose.foundation.ScrollState,androidx.compose.ui.Modifier,androidx.wear.compose.material3.ScrollIndicatorColors,kotlin.Boolean,androidx.compose.animation.core.AnimationSpec)`. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/ShapeDefaults` | Contains the default values used by `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/Shapes` |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/SliderDefaults` | Defaults used by slider. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/StepperDefaults` | Defaults used by `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/Stepper.composable#Stepper(kotlin.Float,kotlin.Function1,kotlin.Int,kotlin.Function0,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.ranges.ClosedFloatingPointRange,androidx.wear.compose.material3.StepperColors,kotlin.Function1)`. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/SwipeToRevealDefaults` | Defaults for Material 3 `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/SwipeToReveal.composable#SwipeToReveal(kotlin.Function1,kotlin.Function0,androidx.wear.compose.material3.SurfaceTransformation,androidx.compose.ui.Modifier,kotlin.Function1,kotlin.Function1,kotlin.Function1,androidx.wear.compose.material3.RevealState,androidx.wear.compose.material3.RevealDirection,kotlin.Boolean,androidx.wear.compose.foundation.GestureInclusion,androidx.compose.ui.unit.Dp,kotlin.Function0)`. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/SwitchButtonDefaults` | Contains the default values used by `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/SwitchButton.composable#SwitchButton(kotlin.Boolean,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.SwitchButtonColors,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function1,kotlin.Function1,kotlin.Function1)`s and `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/SplitSwitchButton.composable#SplitSwitchButton(kotlin.Boolean,kotlin.Function1,kotlin.String,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.SplitSwitchButtonColors,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.String,androidx.compose.foundation.layout.PaddingValues,kotlin.Function1,kotlin.Function1)`s |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/TextButtonDefaults` | Contains the default values used by `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/TextButton.composable#TextButton(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Boolean,androidx.wear.compose.material3.TextButtonShapes,androidx.wear.compose.material3.TextButtonColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)`. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/TextConfigurationDefaults` | Default values for `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/TextConfiguration` |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/TextDefaults` | Contains the default values used by `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/Text.composable#Text(kotlin.String,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.font.FontStyle,androidx.compose.ui.text.font.FontWeight,androidx.compose.ui.text.font.FontFamily,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.style.TextDecoration,androidx.compose.ui.text.style.TextAlign,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.style.TextOverflow,kotlin.Boolean,kotlin.Int,kotlin.Int,kotlin.Function1,androidx.compose.ui.text.TextStyle)`. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/TextToggleButtonDefaults` | Contains the default values used by `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/TextToggleButton.composable#TextToggleButton(kotlin.Boolean,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.wear.compose.material3.TextToggleButtonColors,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.TextToggleButtonShapes,androidx.compose.foundation.BorderStroke,kotlin.Function1)`. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/TimePickerDefaults` | Contains the default values used by `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/TimePicker.composable#TimePicker(java.time.LocalTime,kotlin.Function1,androidx.compose.ui.Modifier,androidx.wear.compose.material3.TimePickerType,androidx.wear.compose.material3.TimePickerColors,androidx.wear.compose.material3.TimePickerSelection)` |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/TimeTextDefaults` | Contains the default values used by `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/TimeText.composable#TimeText(androidx.compose.ui.Modifier,androidx.wear.compose.foundation.CurvedModifier,kotlin.Float,androidx.compose.ui.graphics.Color,androidx.wear.compose.material3.TimeSource,androidx.compose.foundation.layout.PaddingValues,kotlin.Function2)`. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/WearComposeMaterial3Flags` | This is a collection of flags which are used to guard against regressions in some of the "riskier" refactors or new feature support that is added to this module. |

## Annotations

|---|---|
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/ExperimentalWearComposeMaterial3Api` |   |

## Composables

|---|---|
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/AlertDialog.composable` | Dialogs provide important prompts in a user flow. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/AlertDialogContent.composable` | This `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/AlertDialogContent.composable#AlertDialogContent(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.Function0,androidx.compose.foundation.layout.Arrangement.Vertical,androidx.compose.foundation.layout.PaddingValues,kotlin.Function1)` overload provides the content for an `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/AlertDialog.composable#AlertDialog(kotlin.Boolean,kotlin.Function0,kotlin.Function1,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function1,kotlin.Function0,kotlin.Function0,androidx.compose.foundation.layout.Arrangement.Vertical,androidx.compose.foundation.layout.PaddingValues,androidx.compose.ui.window.DialogProperties,kotlin.Function1)` without any dedicated slots for buttons. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/AnimatedPage.composable` | Animates a page within a `https://developer.android.com/reference/kotlin/androidx/compose/foundation/pager/package-summary#Pager(androidx.compose.ui.Modifier,androidx.compose.foundation.pager.PagerState,androidx.compose.foundation.layout.PaddingValues,kotlin.Boolean,androidx.compose.foundation.gestures.Orientation,androidx.compose.foundation.gestures.TargetedFlingBehavior,kotlin.Boolean,androidx.compose.foundation.OverscrollEffect,kotlin.Int,androidx.compose.ui.unit.Dp,androidx.compose.foundation.pager.PageSize,androidx.compose.ui.input.nestedscroll.NestedScrollConnection,kotlin.Function1,androidx.compose.ui.Alignment.Horizontal,androidx.compose.ui.Alignment.Vertical,androidx.compose.foundation.gestures.snapping.SnapPosition,androidx.compose.foundation.gestures.BringIntoViewSpec,kotlin.Function2)` with a scaling and scrim effect based on its position. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/AnimatedText.composable` | A composable that displays an animated text. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/AppCard.composable` | Opinionated Wear Material 3 `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/Card.composable#Card(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.CardColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function1)` that offers a specific 5 slot layout to show information about an application, e.g. a notification. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/AppScaffold.composable` | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/AppScaffold.composable#AppScaffold(androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,kotlin.Function1)` is one of the Wear Material3 scaffold components. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/ArcProgressIndicator.composable` | Indeterminate Material Design arc progress indicator. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/Button.composable` | Base level Wear Material3 `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/Button.composable#Button(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.ButtonColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function1)` that offers a single slot to take any content. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/ButtonGroup.composable` | Layout component to implement an expressive group of buttons in a row, that react to touch by growing the touched button, (while the neighbor(s) shrink to accommodate and keep the group width constant). |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/Card.composable` | Base level Wear Material 3 `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/Card.composable#Card(androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.CardColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function1)` that offers a single slot to take any content. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/CheckboxButton.composable` | The Wear Material `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/CheckboxButton.composable#CheckboxButton(kotlin.Boolean,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.CheckboxButtonColors,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function1,kotlin.Function1,kotlin.Function1)` offers three slots and a specific layout for an icon, a label, and a secondaryLabel. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/ChildButton.composable` | Base level Wear Material3 `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/ChildButton.composable#ChildButton(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.ButtonColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function1)` that offers a single slot to take any content. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/CircularProgressIndicator.composable` | Indeterminate Material Design circular progress indicator. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/CompactButton.composable` | Base level Wear Material3 `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/CompactButton.composable#CompactButton(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.ButtonColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function1)` that offers a single slot to take any content. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/ConfirmationDialog.composable` | Shows a transient `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/ConfirmationDialog.composable#ConfirmationDialog(kotlin.Boolean,kotlin.Function0,kotlin.Function1,androidx.compose.ui.Modifier,androidx.wear.compose.material3.ConfirmationDialogColors,androidx.compose.ui.window.DialogProperties,kotlin.Long,kotlin.Function0)` with an icon and optional very short `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/package-summary#ConfirmationDialog(kotlin.Boolean,kotlin.Function0,kotlin.Function1,androidx.compose.ui.Modifier,androidx.wear.compose.material3.ConfirmationDialogColors,androidx.compose.ui.window.DialogProperties,kotlin.Long,kotlin.Function0)`. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/ConfirmationDialogContent.composable` | This overload of `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/ConfirmationDialogContent.composable#ConfirmationDialogContent(kotlin.Function1,androidx.compose.ui.Modifier,androidx.wear.compose.material3.ConfirmationDialogColors,kotlin.Function0)` provides the content for a `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/ConfirmationDialog.composable#ConfirmationDialog(kotlin.Boolean,kotlin.Function0,kotlin.Function1,androidx.compose.ui.Modifier,androidx.wear.compose.material3.ConfirmationDialogColors,androidx.compose.ui.window.DialogProperties,kotlin.Long,kotlin.Function0)` with an icon and optional very short `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/package-summary#ConfirmationDialogContent(kotlin.Function1,androidx.compose.ui.Modifier,androidx.wear.compose.material3.ConfirmationDialogColors,kotlin.Function0)`. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/DatePicker.composable` | Full screen `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/DatePicker.composable#DatePicker(java.time.LocalDate,kotlin.Function1,androidx.compose.ui.Modifier,java.time.LocalDate,java.time.LocalDate,androidx.wear.compose.material3.DatePickerType,androidx.wear.compose.material3.DatePickerColors)` with day, month, year. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/Dialog.composable` | A base dialog component used by `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/AlertDialog.composable#AlertDialog(kotlin.Boolean,kotlin.Function0,kotlin.Function1,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function1,kotlin.Function0,kotlin.Function0,androidx.compose.foundation.layout.Arrangement.Vertical,androidx.compose.foundation.layout.PaddingValues,androidx.compose.ui.window.DialogProperties,kotlin.Function1)` and `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/ConfirmationDialog.composable#ConfirmationDialog(kotlin.Boolean,kotlin.Function0,kotlin.Function1,androidx.compose.ui.Modifier,androidx.wear.compose.material3.ConfirmationDialogColors,androidx.compose.ui.window.DialogProperties,kotlin.Long,kotlin.Function0)` variations. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/EdgeButton.composable` | Wear Material3 `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/EdgeButton.composable#EdgeButton(kotlin.Function0,androidx.compose.ui.Modifier,androidx.wear.compose.material3.EdgeButtonSize,kotlin.Boolean,androidx.wear.compose.material3.ButtonColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)` that offers a single slot to take any content. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/FadingExpandingLabel.composable` | Animates label text for which the number of lines can vary, changing the size of the container component. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/FailureConfirmationDialog.composable` | Shows a `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/FailureConfirmationDialog.composable#FailureConfirmationDialog(kotlin.Boolean,kotlin.Function0,kotlin.Function1,androidx.compose.ui.Modifier,androidx.wear.compose.material3.ConfirmationDialogColors,androidx.compose.ui.window.DialogProperties,kotlin.Long,kotlin.Function0)` with a failure icon and an optional short curved text. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/FailureConfirmationDialogContent.composable` | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/FailureConfirmationDialogContent.composable#FailureConfirmationDialogContent(kotlin.Function1,androidx.compose.ui.Modifier,androidx.wear.compose.material3.ConfirmationDialogColors,kotlin.Function0)` provides the content for a failure confirmation dialog with icon and an optional short curved text. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/FilledIconButton.composable` | Wear Material `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/FilledIconButton.composable#FilledIconButton(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Boolean,androidx.wear.compose.material3.IconButtonShapes,androidx.wear.compose.material3.IconButtonColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)` is a circular, icon-only button with a colored background and a contrasting content color. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/FilledTonalButton.composable` | Base level Wear Material3 `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/FilledTonalButton.composable#FilledTonalButton(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.ButtonColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function1)` that offers a single slot to take any content. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/FilledTonalIconButton.composable` | Wear Material `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/FilledTonalIconButton.composable#FilledTonalIconButton(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Boolean,androidx.wear.compose.material3.IconButtonShapes,androidx.wear.compose.material3.IconButtonColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)` is a circular, icon-only button with a muted, colored background and a contrasting icon color. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/HorizontalPageIndicator.composable` | Horizontal page indicator for use with `https://developer.android.com/reference/kotlin/androidx/wear/compose/foundation/pager/HorizontalPager.composable#HorizontalPager(androidx.wear.compose.foundation.pager.PagerState,androidx.compose.ui.Modifier,androidx.compose.foundation.layout.PaddingValues,kotlin.Int,androidx.compose.foundation.gestures.TargetedFlingBehavior,kotlin.Boolean,androidx.wear.compose.foundation.GestureInclusion,kotlin.Boolean,kotlin.Function1,androidx.wear.compose.foundation.rotary.RotaryScrollableBehavior,kotlin.Function2)`, representing the currently active page and the approximate number of pages. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/HorizontalPagerScaffold.composable` | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/HorizontalPagerScaffold.composable#HorizontalPagerScaffold(androidx.wear.compose.foundation.pager.PagerState,androidx.compose.ui.Modifier,kotlin.Function1,androidx.compose.animation.core.AnimationSpec,kotlin.Function0)` is one of the Wear Material3 scaffold components. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/Icon.composable` | Icon component that draws `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/package-summary#Icon(androidx.compose.ui.graphics.ImageBitmap,kotlin.String,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color)` using `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/package-summary#Icon(androidx.compose.ui.graphics.ImageBitmap,kotlin.String,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color)`, defaulting to `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/package-summary#LocalContentColor()`. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/IconButton.composable` | Wear Material `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/IconButton.composable#IconButton(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Boolean,androidx.wear.compose.material3.IconButtonShapes,androidx.wear.compose.material3.IconButtonColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)` is a circular, icon-only button with transparent background and no border. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/IconToggleButton.composable` | Wear Material `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/IconToggleButton.composable#IconToggleButton(kotlin.Boolean,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.wear.compose.material3.IconToggleButtonColors,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.IconToggleButtonShapes,androidx.compose.foundation.BorderStroke,kotlin.Function1)` is a filled icon toggle button which switches between primary colors and tonal colors depending on `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/package-summary#IconToggleButton(kotlin.Boolean,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.wear.compose.material3.IconToggleButtonColors,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.IconToggleButtonShapes,androidx.compose.foundation.BorderStroke,kotlin.Function1)` value, and offers a single slot for icon or image. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/LevelIndicator.composable` | Creates a `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/LevelIndicator.composable#LevelIndicator(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.wear.compose.material3.LevelIndicatorColors,androidx.compose.ui.unit.Dp,kotlin.Float,kotlin.Boolean)` for screens that control a setting such as volume with either a rotating side button or rotating bezel. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/LinearProgressIndicator.composable` | Material Design linear progress indicator. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/ListHeader.composable` | A slot based composable for creating a list header item. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/ListSubHeader.composable` | A two slot based composable for creating a list sub-header item. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/MaterialTheme.composable` | MaterialTheme defines the styling principles from the Wear Material3 design specification which extends the Material design specification. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/OpenOnPhoneDialog.composable` | A full-screen dialog that displays an animated icon with a curved text at the bottom. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/OpenOnPhoneDialogContent.composable` | This composable provides the content for an `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/OpenOnPhoneDialog.composable#OpenOnPhoneDialog(kotlin.Boolean,kotlin.Function0,kotlin.Function1,androidx.compose.ui.Modifier,androidx.wear.compose.material3.OpenOnPhoneDialogColors,androidx.compose.ui.window.DialogProperties,kotlin.Long,kotlin.Function0)` that displays an animated icon with curved text at the bottom. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/OutlinedButton.composable` | Base level Wear Material3 `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/OutlinedButton.composable#OutlinedButton(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.ButtonColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function1)` that offers a single slot to take any content. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/OutlinedCard.composable` | Outlined Wear Material 3 `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/Card.composable#Card(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.CardColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function1)` that offers a single slot to take any content. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/OutlinedIconButton.composable` | Wear Material `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/OutlinedIconButton.composable#OutlinedIconButton(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Boolean,androidx.wear.compose.material3.IconButtonShapes,androidx.wear.compose.material3.IconButtonColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)` is a circular, icon-only button with a transparent background, contrasting icon color and border. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/Picker.composable` | A scrollable list of items to pick from. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/PickerGroup.composable` | A group of `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/Picker.composable#Picker(androidx.wear.compose.material3.PickerState,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Function1,kotlin.Function0,androidx.compose.ui.unit.Dp,kotlin.Float,androidx.compose.ui.graphics.Color,kotlin.Boolean,androidx.wear.compose.foundation.rotary.RotaryScrollableBehavior,kotlin.Function2)`s to build components where multiple pickers are required to be combined together. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/ProvideTextStyle.composable` | This function is used to set the current value of `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/package-summary#LocalTextStyle()`, merging the given style with the current style values for any missing attributes. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/PullToRefreshBox.composable` | Container that wraps scrollable content to add pull-to-refresh gesture support. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/RadioButton.composable` | The Wear Material `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/RadioButton.composable#RadioButton(kotlin.Boolean,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.RadioButtonColors,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function1,kotlin.Function1,kotlin.Function1)` offers slots and a specific layout for an icon, a label and a secondaryLabel. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/ScreenScaffold.composable` | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/ScreenScaffold.composable#ScreenScaffold(androidx.compose.ui.Modifier,androidx.wear.compose.foundation.ScrollInfoProvider,androidx.compose.foundation.layout.PaddingValues,kotlin.Function1,androidx.compose.foundation.OverscrollEffect,kotlin.Function2)` is one of the Wear Material3 scaffold components. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/ScrollIndicator.composable` | A composable that displays a visual indicator of scrolling progress within a scrollable container. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/SegmentedCircularProgressIndicator.composable` | Material Design segmented circular progress indicator. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/Slider.composable` | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/Slider.composable#Slider(kotlin.Int,kotlin.Function1,kotlin.Int,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.Function0,kotlin.Boolean,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.SliderColors)` allows users to make a selection from a range of integer values from 1 to `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/package-summary#Slider(kotlin.Int,kotlin.Function1,kotlin.Int,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.Function0,kotlin.Boolean,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.SliderColors)`. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/SplitCheckboxButton.composable` | The Wear Material `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/SplitCheckboxButton.composable#SplitCheckboxButton(kotlin.Boolean,kotlin.Function1,kotlin.String,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.SplitCheckboxButtonColors,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.String,androidx.compose.foundation.layout.PaddingValues,kotlin.Function1,kotlin.Function1)` offers slots and a specific layout for a label and secondaryLabel. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/SplitRadioButton.composable` | The Wear Material `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/SplitRadioButton.composable#SplitRadioButton(kotlin.Boolean,kotlin.Function0,kotlin.String,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.SplitRadioButtonColors,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.String,androidx.compose.foundation.layout.PaddingValues,kotlin.Function1,kotlin.Function1)` offers two slots and a specific layout for a label and secondaryLabel. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/SplitSwitchButton.composable` | The Wear Material `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/SplitSwitchButton.composable#SplitSwitchButton(kotlin.Boolean,kotlin.Function1,kotlin.String,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.SplitSwitchButtonColors,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.String,androidx.compose.foundation.layout.PaddingValues,kotlin.Function1,kotlin.Function1)` offers slots and a specific layout for a label and secondary label. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/Stepper.composable` | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/Stepper.composable#Stepper(kotlin.Int,kotlin.Function1,kotlin.ranges.IntProgression,kotlin.Function0,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.wear.compose.material3.StepperColors,kotlin.Function1)` allows users to make a selection from a range of values. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/StepperLevelIndicator.composable` | Creates a `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/StepperLevelIndicator.composable#StepperLevelIndicator(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.ranges.ClosedFloatingPointRange,kotlin.Boolean,androidx.wear.compose.material3.LevelIndicatorColors,androidx.compose.ui.unit.Dp,kotlin.Float,kotlin.Boolean)` for screens that control a setting, such as volume, with a `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/Stepper.composable#Stepper(kotlin.Float,kotlin.Function1,kotlin.Int,kotlin.Function0,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.ranges.ClosedFloatingPointRange,androidx.wear.compose.material3.StepperColors,kotlin.Function1)`. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/SuccessConfirmationDialog.composable` | Shows a `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/SuccessConfirmationDialog.composable#SuccessConfirmationDialog(kotlin.Boolean,kotlin.Function0,kotlin.Function1,androidx.compose.ui.Modifier,androidx.wear.compose.material3.ConfirmationDialogColors,androidx.compose.ui.window.DialogProperties,kotlin.Long,kotlin.Function0)` dialog with a success icon and optional short curved text. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/SuccessConfirmationDialogContent.composable` | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/SuccessConfirmationDialogContent.composable#SuccessConfirmationDialogContent(kotlin.Function1,androidx.compose.ui.Modifier,androidx.wear.compose.material3.ConfirmationDialogColors,kotlin.Function0)` provides the content for a success confirmation dialog with a success icon and optional short curved text. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/SwipeToDismissBox.composable` | Wear Material 3 `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/SwipeToDismissBox.composable#SwipeToDismissBox(androidx.wear.compose.foundation.SwipeToDismissBoxState,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,kotlin.Any,kotlin.Any,kotlin.Boolean,kotlin.Function2)` that handles the swipe-to-dismiss gesture. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/SwipeToReveal.composable` | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/SwipeToReveal.composable#SwipeToReveal(kotlin.Function1,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function1,kotlin.Function1,kotlin.Function1,androidx.wear.compose.material3.RevealState,androidx.wear.compose.material3.RevealDirection,kotlin.Boolean,androidx.wear.compose.foundation.GestureInclusion,androidx.compose.ui.unit.Dp,kotlin.Function0)` material composable component which allows to reveal hidden actions via swipe gesture. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/SwitchButton.composable` | The Wear Material `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/SwitchButton.composable#SwitchButton(kotlin.Boolean,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.SwitchButtonColors,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function1,kotlin.Function1,kotlin.Function1)` offers three slots and a specific layout for an icon, a label, and a secondaryLabel. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/Text.composable` | High level element that displays text and provides semantics / accessibility information. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/TextButton.composable` | Wear Material `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/TextButton.composable#TextButton(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Boolean,androidx.wear.compose.material3.TextButtonShapes,androidx.wear.compose.material3.TextButtonColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)` is a circular, text-only button with transparent background and no border. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/TextToggleButton.composable` | Wear Material `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/TextToggleButton.composable#TextToggleButton(kotlin.Boolean,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.wear.compose.material3.TextToggleButtonColors,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.TextToggleButtonShapes,androidx.compose.foundation.BorderStroke,kotlin.Function1)` is a filled text toggle button which switches between primary colors and tonal colors depending on `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/package-summary#TextToggleButton(kotlin.Boolean,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.wear.compose.material3.TextToggleButtonColors,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.TextToggleButtonShapes,androidx.compose.foundation.BorderStroke,kotlin.Function1)` value, and offers a single slot for text. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/TimePicker.composable` | A full screen TimePicker with configurable columns that allows users to select a time. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/TimeText.composable` | Layout to show the current time and a label, they will be drawn in a curve, following the top edge of the screen. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/TitleCard.composable` | Opinionated Wear Material 3 `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/Card.composable#Card(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.CardColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function1)` that offers a specific layout to show interactive information about an application, e.g. a message. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/VerticalPageIndicator.composable` | Vertical page indicator for use with `https://developer.android.com/reference/kotlin/androidx/wear/compose/foundation/pager/VerticalPager.composable#VerticalPager(androidx.wear.compose.foundation.pager.PagerState,androidx.compose.ui.Modifier,androidx.compose.foundation.layout.PaddingValues,kotlin.Int,androidx.compose.foundation.gestures.TargetedFlingBehavior,kotlin.Boolean,kotlin.Boolean,kotlin.Function1,androidx.wear.compose.foundation.rotary.RotaryScrollableBehavior,kotlin.Function2)`, representing the currently active page and the approximate number of pages. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/VerticalPagerScaffold.composable` | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/VerticalPagerScaffold.composable#VerticalPagerScaffold(androidx.wear.compose.foundation.pager.PagerState,androidx.compose.ui.Modifier,kotlin.Function1,androidx.compose.animation.core.AnimationSpec,kotlin.Function0)` is one of the Wear Material3 scaffold components. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/contentColorFor.composable` | The Material color system contains pairs of colors that are typically used for the background and content color inside a component. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/placeholder.composable` | Modifier.placeholder draws a skeleton shape over a component, for situations when no provisional content (such as cached data) is available. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/placeholderShimmer.composable` | Modifier.placeholderShimmer draws a periodic shimmer over content, indicating to the user that contents are loading or potentially out of date. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/rememberAnimatedTextFontRegistry.composable` | Generates an `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/AnimatedTextFontRegistry` to use within composition. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/rememberPickerState.composable` | Creates a `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/PickerState` that is remembered across compositions. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/rememberPlaceholderState.composable` | Creates a `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/PlaceholderState` that is remembered across compositions. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/rememberRevealState.composable` | Create and `https://developer.android.com/reference/kotlin/androidx/compose/runtime/remember.composable#remember(kotlin.Function0)` a `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/RevealState`. |

## Modifiers

|---|---|
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/curveToEdge.modifier` | A `https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier` that curves a component to the border of the parent container around the center, always treating the container as a circle. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/minimumInteractiveComponentSize.modifier` | Reserves at least 48.dp in size to disambiguate touch interactions if the element would measure smaller. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/rangeSemantics.modifier` | Modifier to add semantics signifying progress of the Stepper/Slider. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/scrollAway.modifier` | Scroll an item vertically in/out of view based on scroll state provided by a scrolling list. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/suppressStatusBar.modifier` | Suppresses the status bar and collapses top status bar inset padding to 0.dp. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/touchTargetAwareSize.modifier` | Modifier to set both the size and recommended touch target for `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/IconButton.composable#IconButton(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Boolean,androidx.wear.compose.material3.IconButtonShapes,androidx.wear.compose.material3.IconButtonColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)` and TextButton. |

## Top-level functions summary

|---|---|
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/PullToRefreshState` | `@https://developer.android.com/reference/kotlin/androidx/compose/runtime/annotation/RememberInComposition https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/package-summary#PullToRefreshState()()` Creates a `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/package-summary#PullToRefreshState()`. |
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/ColorScheme?` | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/package-summary#dynamicColorScheme(android.content.Context)(context: https://developer.android.com/reference/android/content/Context.html)` Creates a dynamic color scheme. |
| `https://developer.android.com/reference/kotlin/androidx/compose/foundation/IndicationNodeFactory` | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/package-summary#ripple(kotlin.Boolean,androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Shape,kotlin.Boolean,kotlin.Boolean,kotlin.Boolean,kotlin.Boolean)( bounded: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-boolean/index.html, radius: https://developer.android.com/reference/kotlin/androidx/compose/ui/unit/Dp, color: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color, focusRingShape: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Shape?, enablePressIndication: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-boolean/index.html, enableFocusIndication: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-boolean/index.html, enableHoverIndication: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-boolean/index.html, enableDragIndication: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-boolean/index.html )` Creates a Ripple using the provided values and values inferred from the `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/MaterialTheme`. |
| `https://developer.android.com/reference/kotlin/androidx/compose/foundation/IndicationNodeFactory` | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/package-summary#ripple(androidx.compose.ui.graphics.ColorProducer,kotlin.Boolean,androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Shape,kotlin.Boolean,kotlin.Boolean,kotlin.Boolean,kotlin.Boolean)( color: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/ColorProducer, bounded: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-boolean/index.html, radius: https://developer.android.com/reference/kotlin/androidx/compose/ui/unit/Dp, focusRingShape: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Shape?, enablePressIndication: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-boolean/index.html, enableFocusIndication: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-boolean/index.html, enableHoverIndication: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-boolean/index.html, enableDragIndication: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-boolean/index.html )` Creates a Ripple using the provided values and values inferred from the `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/MaterialTheme`. |

## Extension functions summary

|---|---|
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/SurfaceTransformation` | `https://developer.android.com/reference/kotlin/androidx/wear/compose/foundation/lazy/TransformingLazyColumnItemScope.https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/package-summary#(androidx.wear.compose.foundation.lazy.TransformingLazyColumnItemScope).SurfaceTransformation(androidx.wear.compose.material3.lazy.TransformationSpec)( spec: https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/lazy/TransformationSpec )` Exposes `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/lazy/TransformationSpec` as `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/package-summary#(androidx.wear.compose.foundation.lazy.TransformingLazyColumnItemScope).SurfaceTransformation(androidx.wear.compose.material3.lazy.TransformationSpec)` to be used with Material components. |
| `https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html` | `https://developer.android.com/reference/kotlin/androidx/wear/compose/foundation/CurvedScope.https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/package-summary#(androidx.wear.compose.foundation.CurvedScope).confirmationDialogCurvedText(kotlin.String,androidx.wear.compose.foundation.CurvedTextStyle)( text: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-string/index.html, style: https://developer.android.com/reference/kotlin/androidx/wear/compose/foundation/CurvedTextStyle )` A customized variation of `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/package-summary#(androidx.wear.compose.foundation.CurvedScope).curvedText(kotlin.String,androidx.wear.compose.foundation.CurvedModifier,kotlin.Float,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.font.FontFamily,androidx.compose.ui.text.font.FontWeight,androidx.compose.ui.text.font.FontStyle,androidx.compose.ui.text.font.FontSynthesis,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.unit.TextUnit,androidx.wear.compose.foundation.CurvedTextStyle,androidx.wear.compose.foundation.CurvedDirection.Angular,androidx.compose.ui.text.style.TextOverflow)` that displays text along a curved path. |
| `https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color` | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/ColorScheme.https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/package-summary#(androidx.wear.compose.material3.ColorScheme).contentColorFor(androidx.compose.ui.graphics.Color)(backgroundColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color)` The Material color system contains pairs of colors that are typically used for the background and content color inside a component. |
| `https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html` | `https://developer.android.com/reference/kotlin/androidx/wear/compose/foundation/CurvedScope.https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/package-summary#(androidx.wear.compose.foundation.CurvedScope).curvedText(kotlin.String,androidx.wear.compose.foundation.CurvedModifier,kotlin.Float,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.font.FontFamily,androidx.compose.ui.text.font.FontWeight,androidx.compose.ui.text.font.FontStyle,androidx.compose.ui.text.font.FontSynthesis,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.unit.TextUnit,androidx.wear.compose.foundation.CurvedTextStyle,androidx.wear.compose.foundation.CurvedDirection.Angular,androidx.compose.ui.text.style.TextOverflow)( text: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-string/index.html, modifier: https://developer.android.com/reference/kotlin/androidx/wear/compose/foundation/CurvedModifier, maxSweepAngle: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-float/index.html, background: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color, color: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color, fontSize: https://developer.android.com/reference/kotlin/androidx/compose/ui/unit/TextUnit, fontFamily: https://developer.android.com/reference/kotlin/androidx/compose/ui/text/font/FontFamily?, fontWeight: https://developer.android.com/reference/kotlin/androidx/compose/ui/text/font/FontWeight?, fontStyle: https://developer.android.com/reference/kotlin/androidx/compose/ui/text/font/FontStyle?, fontSynthesis: https://developer.android.com/reference/kotlin/androidx/compose/ui/text/font/FontSynthesis?, letterSpacing: https://developer.android.com/reference/kotlin/androidx/compose/ui/unit/TextUnit, letterSpacingCounterClockwise: https://developer.android.com/reference/kotlin/androidx/compose/ui/unit/TextUnit, style: https://developer.android.com/reference/kotlin/androidx/wear/compose/foundation/CurvedTextStyle?, angularDirection: https://developer.android.com/reference/kotlin/androidx/wear/compose/foundation/CurvedDirection.Angular?, overflow: https://developer.android.com/reference/kotlin/androidx/compose/ui/text/style/TextOverflow )` CurvedText is a component allowing developers to easily write curved text following the curvature of a circle (usually at the edge of a circular screen). |
| `https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html` | `https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/drawscope/DrawScope.https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/package-summary#(androidx.compose.ui.graphics.drawscope.DrawScope).drawCircularProgressIndicator(kotlin.Float,androidx.wear.compose.material3.ProgressIndicatorColors,androidx.compose.ui.unit.Dp,kotlin.Boolean,kotlin.Boolean,kotlin.Float,kotlin.Float,androidx.compose.ui.unit.Dp)( progress: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-float/index.html, colors: https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/ProgressIndicatorColors, strokeWidth: https://developer.android.com/reference/kotlin/androidx/compose/ui/unit/Dp, enabled: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-boolean/index.html, allowProgressOverflow: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-boolean/index.html, startAngle: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-float/index.html, endAngle: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-float/index.html, gapSize: https://developer.android.com/reference/kotlin/androidx/compose/ui/unit/Dp )` Draw a simple non-animating circular progress indicator. |
| `https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html` | `https://developer.android.com/reference/kotlin/androidx/wear/compose/foundation/CurvedScope.https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/package-summary#(androidx.wear.compose.foundation.CurvedScope).openOnPhoneDialogCurvedText(kotlin.String,androidx.wear.compose.foundation.CurvedTextStyle)( text: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-string/index.html, style: https://developer.android.com/reference/kotlin/androidx/wear/compose/foundation/CurvedTextStyle )` A customized variation of `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/package-summary#(androidx.wear.compose.foundation.CurvedScope).curvedText(kotlin.String,androidx.wear.compose.foundation.CurvedModifier,kotlin.Float,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.font.FontFamily,androidx.compose.ui.text.font.FontWeight,androidx.compose.ui.text.font.FontStyle,androidx.compose.ui.text.font.FontSynthesis,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.unit.TextUnit,androidx.wear.compose.foundation.CurvedTextStyle,androidx.wear.compose.foundation.CurvedDirection.Angular,androidx.compose.ui.text.style.TextOverflow)` that displays text along a curved path. |
| `https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html` | `https://developer.android.com/reference/kotlin/androidx/wear/compose/foundation/CurvedScope.https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/package-summary#(androidx.wear.compose.foundation.CurvedScope).timeTextCurvedText(kotlin.String,androidx.wear.compose.foundation.CurvedTextStyle)(time: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-string/index.html, style: https://developer.android.com/reference/kotlin/androidx/wear/compose/foundation/CurvedTextStyle?)` Default curved text to use in a `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/TimeText.composable#TimeText(androidx.compose.ui.Modifier,androidx.wear.compose.foundation.CurvedModifier,kotlin.Float,androidx.compose.ui.graphics.Color,androidx.wear.compose.material3.TimeSource,androidx.compose.foundation.layout.PaddingValues,kotlin.Function2)`, for displaying the time |
| `https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html` | `https://developer.android.com/reference/kotlin/androidx/wear/compose/foundation/CurvedScope.https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/package-summary#(androidx.wear.compose.foundation.CurvedScope).timeTextSeparator(androidx.wear.compose.foundation.CurvedTextStyle,androidx.wear.compose.foundation.ArcPaddingValues)( curvedTextStyle: https://developer.android.com/reference/kotlin/androidx/wear/compose/foundation/CurvedTextStyle?, contentArcPadding: https://developer.android.com/reference/kotlin/androidx/wear/compose/foundation/ArcPaddingValues )` A default implementation of Separator, to be shown between any text/composable and the time. |

## Top-level properties summary

|---|---|
| `https://developer.android.com/reference/kotlin/androidx/compose/runtime/ProvidableCompositionLocal<https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color>` | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/package-summary#LocalContentColor()` CompositionLocal containing the preferred content color for a given position in the hierarchy. |
| `https://developer.android.com/reference/kotlin/androidx/compose/runtime/ProvidableCompositionLocal<https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/RippleConfiguration?>` | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/package-summary#LocalRippleConfiguration()` CompositionLocal used for providing `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/RippleConfiguration` down the tree. |
| `https://developer.android.com/reference/kotlin/androidx/compose/runtime/ProvidableCompositionLocal<https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/RippleThemeConfiguration>` | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/package-summary#LocalRippleThemeConfiguration()` The overall `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/RippleThemeConfiguration` in use by all built-in components and `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/package-summary#ripple(kotlin.Boolean,androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Shape,kotlin.Boolean,kotlin.Boolean,kotlin.Boolean,kotlin.Boolean)`. |
| `https://developer.android.com/reference/kotlin/androidx/compose/runtime/ProvidableCompositionLocal<https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/TextConfiguration>` | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/package-summary#LocalTextConfiguration()` CompositionLocal containing the preferred `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/TextConfiguration` that will be used by `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/Text.composable#Text(kotlin.String,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.font.FontStyle,androidx.compose.ui.text.font.FontWeight,androidx.compose.ui.text.font.FontFamily,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.style.TextDecoration,androidx.compose.ui.text.style.TextAlign,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.style.TextOverflow,kotlin.Boolean,kotlin.Int,kotlin.Int,kotlin.Function1,androidx.compose.ui.text.TextStyle)` components by default consisting of text alignment, overflow specification and max lines. |
| `https://developer.android.com/reference/kotlin/androidx/compose/runtime/ProvidableCompositionLocal<https://developer.android.com/reference/kotlin/androidx/compose/ui/text/TextStyle>` | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/package-summary#LocalTextStyle()` CompositionLocal containing the preferred `https://developer.android.com/reference/kotlin/androidx/compose/ui/text/TextStyle` that will be used by `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/Text.composable#Text(kotlin.String,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.font.FontStyle,androidx.compose.ui.text.font.FontWeight,androidx.compose.ui.text.font.FontFamily,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.style.TextDecoration,androidx.compose.ui.text.style.TextAlign,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.style.TextOverflow,kotlin.Boolean,kotlin.Int,kotlin.Int,kotlin.Function1,androidx.compose.ui.text.TextStyle)` components by default. |
| `https://developer.android.com/reference/kotlin/androidx/compose/runtime/ProvidableCompositionLocal<https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/TimeSource>` | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/package-summary#LocalTimeSource()` CompositionLocal providing the `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/TimeSource` for `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/TimeText.composable#TimeText(androidx.compose.ui.Modifier,androidx.wear.compose.foundation.CurvedModifier,kotlin.Float,androidx.compose.ui.graphics.Color,androidx.wear.compose.material3.TimeSource,androidx.compose.foundation.layout.PaddingValues,kotlin.Function2)`. |

## Top-level functions

### PullToRefreshState

Artifact: [androidx.wear.compose:compose-material3](https://developer.android.com/jetpack/androidx/releases/wear-compose) [View Source](https://cs.android.com/search?q=file:androidx/wear/compose/material3/PullToRefresh.kt+function:PullToRefreshState) Added in [1.8.0-alpha03](https://developer.android.com/jetpack/androidx/releases/wear-compose#1.8.0-alpha03)

```
@RememberInComposition
fun PullToRefreshState(): PullToRefreshState
```

Creates a `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/package-summary#PullToRefreshState()`.

### dynamicColorScheme

Artifact: [androidx.wear.compose:compose-material3](https://developer.android.com/jetpack/androidx/releases/wear-compose) [View Source](https://cs.android.com/search?q=file:androidx/wear/compose/material3/DynamicColorScheme.kt+function:dynamicColorScheme) Added in [1.5.0](https://developer.android.com/jetpack/androidx/releases/wear-compose#1.5.0)

```
fun dynamicColorScheme(context: Context): ColorScheme?
```

Creates a dynamic color scheme.

Use this function to create a color scheme based on the current watchface. If the user changes the watchface colors, this color scheme will change accordingly. This function checks whether the dynamic color scheme can be used and returns null otherwise. It is expected that callers will check the return value and fallback to their own default color scheme if it is null.

Example using a dynamic color scheme to theme buttons in a column:

```kotlin
import androidx.compose.foundation.layout.Arrangement
import androidx.compose.foundation.layout.PaddingValues
import androidx.compose.foundation.layout.fillMaxWidth
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.platform.LocalContext
import androidx.compose.ui.unit.dp
import androidx.wear.compose.foundation.lazy.TransformingLazyColumn
import androidx.wear.compose.material3.Button
import androidx.wear.compose.material3.ButtonDefaults
import androidx.wear.compose.material3.ColorScheme
import androidx.wear.compose.material3.MaterialTheme
import androidx.wear.compose.material3.SurfaceTransformation
import androidx.wear.compose.material3.Text
import androidx.wear.compose.material3.dynamicColorScheme
import androidx.wear.compose.material3.lazy.rememberTransformationSpec
import androidx.wear.compose.material3.lazy.transformedHeight

val dynamicColorScheme = dynamicColorScheme(LocalContext.current)
val transformationSpec = rememberTransformationSpec()

// Fallback to the default color scheme if dynamic colors are unavailable
MaterialTheme(colorScheme = dynamicColorScheme ?: ColorScheme()) {
    val hasDynamicColors = dynamicColorScheme != null
    TransformingLazyColumn(
        horizontalAlignment = Alignment.CenterHorizontally,
        verticalArrangement = Arrangement.spacedBy(4.dp),
        contentPadding = PaddingValues(20.dp),
    ) {
        if (!hasDynamicColors) {
            item { Text("Dynamic color is not available.") }
        }
        items(5) { index ->
            // The button's defaults will pick up the dynamic primary color from the
            // MaterialTheme
            Button(
                label = { Text("Primary Button ${index + 1}") },
                modifier =
                    Modifier.fillMaxWidth()
                        .transformedHeight(this, transformationSpec)
                        .minimumVerticalContentPadding(
                            ButtonDefaults.minimumVerticalListContentPadding
                        ),
                onClick = {},
                transformation = SurfaceTransformation(transformationSpec),
            )
        }
    }
}
```

| Parameters |
|---|---|
| `context: https://developer.android.com/reference/android/content/Context.html` | The context required to get system resource data. |

### ripple

Artifact: [androidx.wear.compose:compose-material3](https://developer.android.com/jetpack/androidx/releases/wear-compose) [View Source](https://cs.android.com/search?q=file:androidx/wear/compose/material3/Ripple.kt+function:ripple) Added in [1.8.0-alpha03](https://developer.android.com/jetpack/androidx/releases/wear-compose#1.8.0-alpha03)

```
fun ripple(
    bounded: Boolean = true,
    radius: Dp = Dp.Unspecified,
    color: Color = Color.Unspecified,
    focusRingShape: Shape? = null,
    enablePressIndication: Boolean = true,
    enableFocusIndication: Boolean = true,
    enableHoverIndication: Boolean = true,
    enableDragIndication: Boolean = true
): IndicationNodeFactory
```

Creates a Ripple using the provided values and values inferred from the `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/MaterialTheme`.

A Ripple is a Material implementation of `https://developer.android.com/reference/kotlin/androidx/compose/foundation/Indication` that expresses different `https://developer.android.com/reference/kotlin/androidx/compose/foundation/interaction/Interaction`s by drawing ripple animations and state layers.

A Ripple responds to `https://developer.android.com/reference/kotlin/androidx/compose/foundation/interaction/PressInteraction.Press` by starting a new ripple animation, and responds to other `https://developer.android.com/reference/kotlin/androidx/compose/foundation/interaction/Interaction`s by showing a fixed state layer with varying alpha values depending on the `https://developer.android.com/reference/kotlin/androidx/compose/foundation/interaction/Interaction`.

`https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/MaterialTheme` provides Ripples using `https://developer.android.com/reference/kotlin/androidx/compose/foundation/package-summary#LocalIndication()`, so a Ripple will be used as the default `https://developer.android.com/reference/kotlin/androidx/compose/foundation/Indication` inside components such as `https://developer.android.com/reference/kotlin/androidx/compose/foundation/clickable.modifier#(androidx.compose.ui.Modifier).clickable(kotlin.Boolean,kotlin.String,androidx.compose.ui.semantics.Role,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function0)` and `https://developer.android.com/reference/kotlin/androidx/compose/foundation/indication.modifier#(androidx.compose.ui.Modifier).indication(androidx.compose.foundation.interaction.InteractionSource,androidx.compose.foundation.Indication)`, in addition to Material provided components that use a Ripple as well.

You can also explicitly create a Ripple and provide it to custom components in order to change the parameters from the default, such as to create an unbounded ripple with a fixed size.

To create a Ripple with a manually defined color that can change over time, see the other `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/package-summary#ripple(kotlin.Boolean,androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Shape,kotlin.Boolean,kotlin.Boolean,kotlin.Boolean,kotlin.Boolean)` overload with a `https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/ColorProducer` parameter. This will avoid unnecessary recompositions when changing the color, and preserve existing ripple state when the color changes.

Examples of enabling and customizing inset focus rings for these default Ripples:

```kotlin
import androidx.compose.runtime.CompositionLocalProvider
import androidx.wear.compose.material3.Button
import androidx.wear.compose.material3.LocalRippleThemeConfiguration
import androidx.wear.compose.material3.RippleDefaults
import androidx.wear.compose.material3.RippleThemeConfiguration
import androidx.wear.compose.material3.Text

// Enable inset focus rings through the theme configuration.
CompositionLocalProvider(
    LocalRippleThemeConfiguration provides RippleDefaults.InsetFocusRingThemeConfiguration
) {
    // Button is a standard Wear Material3 component that supports focus rings internally.
    Button(onClick = { /* Do something */ }, label = { Text("Button") })
}
```

```kotlin
import androidx.compose.foundation.layout.Arrangement
import androidx.compose.foundation.layout.Column
import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.runtime.CompositionLocalProvider
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.geometry.Size
import androidx.compose.ui.unit.dp
import androidx.wear.compose.material3.Button
import androidx.wear.compose.material3.LocalRippleConfiguration
import androidx.wear.compose.material3.LocalRippleThemeConfiguration
import androidx.wear.compose.material3.MaterialTheme
import androidx.wear.compose.material3.RippleConfiguration
import androidx.wear.compose.material3.RippleThemeConfiguration
import androidx.wear.compose.material3.SwitchButton
import androidx.wear.compose.material3.Text

// Customize the focus ring stroke sizes through the theme configuration.
CompositionLocalProvider(
    LocalRippleThemeConfiguration provides
        RippleThemeConfiguration(
            RippleThemeConfiguration.Focus.InsetRing(
                outerStrokeInset = 0.dp,
                outerStrokeWidth = 3.dp,
                innerStrokeInset = 0.dp,
                innerStrokeWidth = 6.dp,
            )
        )
) {
    Column(
        modifier = Modifier.fillMaxSize(),
        verticalArrangement = Arrangement.spacedBy(4.dp, Alignment.CenterVertically),
        horizontalAlignment = Alignment.CenterHorizontally,
    ) {
        // Button is a standard Wear Material3 component that supports focus rings internally.
        Button(onClick = { /* Do something */ }, label = { Text("Button") })

        // SwitchButton is also a standard component that supports focus rings internally.
        // We override its focus ring colors here.
        CompositionLocalProvider(
            LocalRippleConfiguration provides
                RippleConfiguration(
                    focus =
                        RippleConfiguration.Focus.InsetRing(
                            outerStrokeColor = MaterialTheme.colorScheme.tertiary,
                            innerStrokeColor = MaterialTheme.colorScheme.onTertiary,
                        )
                )
        ) {
            SwitchButton(
                checked = true,
                onCheckedChange = { /* Do something */ },
                label = { Text("SwitchButton") },
            )
        }
    }
}
```

Examples of explicitly created Ripples drawing inset focus rings with a `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/package-summary#ripple(kotlin.Boolean,androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Shape,kotlin.Boolean,kotlin.Boolean,kotlin.Boolean,kotlin.Boolean)`:

```kotlin
import androidx.compose.foundation.background
import androidx.compose.foundation.clickable
import androidx.compose.foundation.indication
import androidx.compose.foundation.layout.Box
import androidx.compose.foundation.layout.fillMaxWidth
import androidx.compose.foundation.layout.padding
import androidx.compose.runtime.CompositionLocalProvider
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.draw.clip
import androidx.compose.ui.graphics.Shape
import androidx.compose.ui.unit.dp
import androidx.wear.compose.material3.LocalRippleThemeConfiguration
import androidx.wear.compose.material3.MaterialTheme
import androidx.wear.compose.material3.RippleDefaults
import androidx.wear.compose.material3.RippleThemeConfiguration
import androidx.wear.compose.material3.Text
import androidx.wear.compose.material3.ripple

CompositionLocalProvider(
    LocalRippleThemeConfiguration provides RippleDefaults.InsetFocusRingThemeConfiguration
) {
    // Pass ripple() explicitly to use the same shape for the component and its focus ring.
    val shape = MaterialTheme.shapes.large
    Box(
        modifier =
            Modifier.fillMaxWidth()
                .clip(shape)
                .background(MaterialTheme.colorScheme.surfaceContainer)
                .clickable(
                    interactionSource = null,
                    indication = ripple(focusRingShape = shape),
                    onClick = { /* Do something */ },
                )
                .padding(12.dp),
        contentAlignment = Alignment.Center,
    ) {
        Text("Clickable box")
    }
}
```

```kotlin
import androidx.compose.foundation.background
import androidx.compose.foundation.clickable
import androidx.compose.foundation.focusable
import androidx.compose.foundation.indication
import androidx.compose.foundation.interaction.MutableInteractionSource
import androidx.compose.foundation.layout.Box
import androidx.compose.foundation.layout.fillMaxWidth
import androidx.compose.foundation.layout.padding
import androidx.compose.runtime.CompositionLocalProvider
import androidx.compose.runtime.remember
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.draw.clip
import androidx.compose.ui.graphics.Shape
import androidx.compose.ui.unit.dp
import androidx.wear.compose.material3.LocalRippleThemeConfiguration
import androidx.wear.compose.material3.MaterialTheme
import androidx.wear.compose.material3.RippleDefaults
import androidx.wear.compose.material3.RippleThemeConfiguration
import androidx.wear.compose.material3.Text
import androidx.wear.compose.material3.ripple

CompositionLocalProvider(
    LocalRippleThemeConfiguration provides RippleDefaults.InsetFocusRingThemeConfiguration
) {
    val shape = MaterialTheme.shapes.large
    val interactionSource = remember { MutableInteractionSource() }
    // indication draws but does not emit interactions; focusable (or clickable) emits them.
    Box(
        modifier =
            Modifier.fillMaxWidth()
                .clip(shape)
                .background(MaterialTheme.colorScheme.surfaceContainer)
                .indication(interactionSource, ripple(focusRingShape = shape))
                .focusable(interactionSource = interactionSource)
                .padding(12.dp),
        contentAlignment = Alignment.Center,
    ) {
        Text("Focusable box")
    }
}
```

```kotlin
import androidx.compose.foundation.border
import androidx.compose.foundation.clickable
import androidx.compose.foundation.indication
import androidx.compose.foundation.interaction.MutableInteractionSource
import androidx.compose.foundation.layout.Box
import androidx.compose.foundation.layout.fillMaxWidth
import androidx.compose.foundation.layout.padding
import androidx.compose.runtime.CompositionLocalProvider
import androidx.compose.runtime.remember
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.draw.clip
import androidx.compose.ui.graphics.Shape
import androidx.compose.ui.unit.dp
import androidx.wear.compose.material3.LocalRippleThemeConfiguration
import androidx.wear.compose.material3.MaterialTheme
import androidx.wear.compose.material3.RippleDefaults
import androidx.wear.compose.material3.RippleThemeConfiguration
import androidx.wear.compose.material3.Text
import androidx.wear.compose.material3.ripple

CompositionLocalProvider(
    LocalRippleThemeConfiguration provides RippleDefaults.InsetFocusRingThemeConfiguration
) {
    val shape = MaterialTheme.shapes.large
    val hasInsetFocusRing =
        LocalRippleThemeConfiguration.current.focus is RippleThemeConfiguration.Focus.InsetRing
    val interactionSource =
        if (hasInsetFocusRing) remember { MutableInteractionSource() } else null
    Box(
        modifier =
            Modifier.fillMaxWidth()
                // Draw the focus ring before the border, so that it is drawn on top of it.
                .then(
                    if (interactionSource != null) {
                        Modifier.indication(
                            interactionSource = interactionSource,
                            indication =
                                ripple(
                                    focusRingShape = shape,
                                    enablePressIndication = false,
                                    enableHoverIndication = false,
                                    enableDragIndication = false,
                                ),
                        )
                    } else {
                        Modifier
                    }
                )
                .border(2.dp, MaterialTheme.colorScheme.outline, shape)
                .clip(shape)
                // Pass ripple() explicitly to skip focus indication; the ring is drawn above.
                .clickable(
                    interactionSource = interactionSource,
                    indication = ripple(enableFocusIndication = !hasInsetFocusRing),
                    onClick = { /* Do something */ },
                )
                .padding(12.dp),
        contentAlignment = Alignment.Center,
    ) {
        Text("Bordered clickable box")
    }
}
```

```kotlin
import androidx.compose.foundation.background
import androidx.compose.foundation.clickable
import androidx.compose.foundation.indication
import androidx.compose.foundation.layout.Box
import androidx.compose.foundation.layout.fillMaxWidth
import androidx.compose.foundation.layout.padding
import androidx.compose.runtime.CompositionLocalProvider
import androidx.compose.runtime.mutableStateOf
import androidx.compose.runtime.remember
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.draw.clip
import androidx.compose.ui.geometry.Size
import androidx.compose.ui.graphics.ColorProducer
import androidx.compose.ui.graphics.Outline
import androidx.compose.ui.graphics.Shape
import androidx.compose.ui.unit.Density
import androidx.compose.ui.unit.LayoutDirection
import androidx.compose.ui.unit.dp
import androidx.wear.compose.material3.LocalRippleThemeConfiguration
import androidx.wear.compose.material3.MaterialTheme
import androidx.wear.compose.material3.RippleDefaults
import androidx.wear.compose.material3.RippleThemeConfiguration
import androidx.wear.compose.material3.Text
import androidx.wear.compose.material3.ripple

CompositionLocalProvider(
    LocalRippleThemeConfiguration provides RippleDefaults.InsetFocusRingThemeConfiguration
) {
    var isSelected by remember { mutableStateOf(false) }
    val primaryColor = MaterialTheme.colorScheme.primary
    val tertiaryColor = MaterialTheme.colorScheme.tertiary
    // ColorProducer reads state during draw, avoiding recomposition when the ripple color
    // changes, and preserving the existing ripple state instead of recreating the ripple.
    val colorProducer =
        remember(primaryColor, tertiaryColor) {
            ColorProducer { if (isSelected) primaryColor else tertiaryColor }
        }
    val shape = if (isSelected) MaterialTheme.shapes.large else MaterialTheme.shapes.small
    // Delegate from a single Shape instance to the changing shape to preserve the ripple node.
    val focusRingShape = remember {
        object : Shape {
            var currentShape: Shape = shape

            override fun createOutline(
                size: Size,
                layoutDirection: LayoutDirection,
                density: Density,
            ): Outline = currentShape.createOutline(size, layoutDirection, density)
        }
    }
    focusRingShape.currentShape = shape
    Box(
        modifier =
            Modifier.fillMaxWidth()
                .clip(shape)
                .background(MaterialTheme.colorScheme.surfaceContainer)
                .clickable(
                    interactionSource = null,
                    indication = ripple(color = colorProducer, focusRingShape = focusRingShape),
                    onClick = { isSelected = !isSelected },
                )
                .padding(12.dp),
        contentAlignment = Alignment.Center,
    ) {
        Text(if (isSelected) "Selected" else "Unselected")
    }
}
```

| Parameters |
|---|---|
| `bounded: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-boolean/index.html = true` | If true, ripples are clipped by the bounds of the target layout. Unbounded ripples always animate from the target layout center, bounded ripples animate from the touch position. This bounding only applies to any opacity-based layers that are drawn, and doesn't affect inset focus rings, if in use. |
| `radius: https://developer.android.com/reference/kotlin/androidx/compose/ui/unit/Dp = Dp.Unspecified` | the radius for the ripple. If `https://developer.android.com/reference/kotlin/androidx/compose/ui/unit/Dp#Unspecified()` is provided then the size will be calculated based on the target layout size. |
| `color: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color = Color.Unspecified` | the color of the ripple. This color is usually the same color used by the text or iconography in the component. This color will then have alpha applied to calculate the final color used to draw the ripple. If `https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color#Unspecified()` is provided the color used will be `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/package-summary#LocalContentColor()` instead. If inset focus rings are enabled, their colors will be provided by the theme or by an overridden `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/package-summary#LocalRippleConfiguration()`. |
| `focusRingShape: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Shape? = null` | this parameter is only used if inset focus rings are enabled, specifically when the `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/RippleThemeConfiguration#focus()` from `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/package-summary#LocalRippleThemeConfiguration()` is `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/RippleThemeConfiguration.Focus.InsetRing`. When inset focus rings are enabled, the focus ring shape will define the shape of the ripple that the focus ring indication will use if specified. If left `null`, a default shape will be used, which will be a rounded rectangle based on the `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/package-summary#ripple(kotlin.Boolean,androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Shape,kotlin.Boolean,kotlin.Boolean,kotlin.Boolean,kotlin.Boolean)` if specified, otherwise it will be just a `https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/package-summary#RectangleShape()`. This `https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Shape` instance must remain the same during the lifetime of the ripple in composition. If the `https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Shape` needs to change, delegate from a single instance to the changing shape to preserve the instance requirement. |
| `enablePressIndication: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-boolean/index.html = true` | if true, this ripple will draw the indication for press interactions. Set this to `false` to disable drawing any visuals for press interactions in this ripple. |
| `enableFocusIndication: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-boolean/index.html = true` | if true, this ripple will draw the indication for focus interactions. Set this to `false` to disable drawing any visuals for focus interactions in this ripple. |
| `enableHoverIndication: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-boolean/index.html = true` | if true, this ripple will draw the indication for hover interactions. Set this to `false` to disable drawing any visuals for hover interactions in this ripple. |
| `enableDragIndication: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-boolean/index.html = true` | if true, this ripple will draw the indication for drag interactions. Set this to `false` to disable drawing any visuals for drag interactions in this ripple. |

### ripple

Artifact: [androidx.wear.compose:compose-material3](https://developer.android.com/jetpack/androidx/releases/wear-compose) [View Source](https://cs.android.com/search?q=file:androidx/wear/compose/material3/Ripple.kt+function:ripple) Added in [1.8.0-alpha03](https://developer.android.com/jetpack/androidx/releases/wear-compose#1.8.0-alpha03)

```
fun ripple(
    color: ColorProducer,
    bounded: Boolean = true,
    radius: Dp = Dp.Unspecified,
    focusRingShape: Shape? = null,
    enablePressIndication: Boolean = true,
    enableFocusIndication: Boolean = true,
    enableHoverIndication: Boolean = true,
    enableDragIndication: Boolean = true
): IndicationNodeFactory
```

Creates a Ripple using the provided values and values inferred from the `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/MaterialTheme`.

A Ripple is a Material implementation of `https://developer.android.com/reference/kotlin/androidx/compose/foundation/Indication` that expresses different `https://developer.android.com/reference/kotlin/androidx/compose/foundation/interaction/Interaction`s by drawing ripple animations and state layers.

A Ripple responds to `https://developer.android.com/reference/kotlin/androidx/compose/foundation/interaction/PressInteraction.Press` by starting a new ripple animation, and responds to other `https://developer.android.com/reference/kotlin/androidx/compose/foundation/interaction/Interaction`s by showing a fixed state layer with varying alpha values depending on the `https://developer.android.com/reference/kotlin/androidx/compose/foundation/interaction/Interaction`.

`https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/MaterialTheme` provides Ripples using `https://developer.android.com/reference/kotlin/androidx/compose/foundation/package-summary#LocalIndication()`, so a Ripple will be used as the default `https://developer.android.com/reference/kotlin/androidx/compose/foundation/Indication` inside components such as `https://developer.android.com/reference/kotlin/androidx/compose/foundation/clickable.modifier#(androidx.compose.ui.Modifier).clickable(kotlin.Boolean,kotlin.String,androidx.compose.ui.semantics.Role,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function0)` and `https://developer.android.com/reference/kotlin/androidx/compose/foundation/indication.modifier#(androidx.compose.ui.Modifier).indication(androidx.compose.foundation.interaction.InteractionSource,androidx.compose.foundation.Indication)`, in addition to Material provided components that use a Ripple as well.

You can also explicitly create a Ripple and provide it to custom components in order to change the parameters from the default, such as to create an unbounded ripple with a fixed size.

To create a Ripple with a static color, see the `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/package-summary#ripple(androidx.compose.ui.graphics.ColorProducer,kotlin.Boolean,androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Shape,kotlin.Boolean,kotlin.Boolean,kotlin.Boolean,kotlin.Boolean)` overload with a `https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color` parameter. This overload is optimized for Ripples that have dynamic colors that change over time, to reduce unnecessary recompositions.

```kotlin
import androidx.compose.foundation.background
import androidx.compose.foundation.clickable
import androidx.compose.foundation.indication
import androidx.compose.foundation.layout.Box
import androidx.compose.foundation.layout.fillMaxWidth
import androidx.compose.foundation.layout.padding
import androidx.compose.runtime.CompositionLocalProvider
import androidx.compose.runtime.mutableStateOf
import androidx.compose.runtime.remember
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.draw.clip
import androidx.compose.ui.geometry.Size
import androidx.compose.ui.graphics.ColorProducer
import androidx.compose.ui.graphics.Outline
import androidx.compose.ui.graphics.Shape
import androidx.compose.ui.unit.Density
import androidx.compose.ui.unit.LayoutDirection
import androidx.compose.ui.unit.dp
import androidx.wear.compose.material3.LocalRippleThemeConfiguration
import androidx.wear.compose.material3.MaterialTheme
import androidx.wear.compose.material3.RippleDefaults
import androidx.wear.compose.material3.RippleThemeConfiguration
import androidx.wear.compose.material3.Text
import androidx.wear.compose.material3.ripple

CompositionLocalProvider(
    LocalRippleThemeConfiguration provides RippleDefaults.InsetFocusRingThemeConfiguration
) {
    var isSelected by remember { mutableStateOf(false) }
    val primaryColor = MaterialTheme.colorScheme.primary
    val tertiaryColor = MaterialTheme.colorScheme.tertiary
    // ColorProducer reads state during draw, avoiding recomposition when the ripple color
    // changes, and preserving the existing ripple state instead of recreating the ripple.
    val colorProducer =
        remember(primaryColor, tertiaryColor) {
            ColorProducer { if (isSelected) primaryColor else tertiaryColor }
        }
    val shape = if (isSelected) MaterialTheme.shapes.large else MaterialTheme.shapes.small
    // Delegate from a single Shape instance to the changing shape to preserve the ripple node.
    val focusRingShape = remember {
        object : Shape {
            var currentShape: Shape = shape

            override fun createOutline(
                size: Size,
                layoutDirection: LayoutDirection,
                density: Density,
            ): Outline = currentShape.createOutline(size, layoutDirection, density)
        }
    }
    focusRingShape.currentShape = shape
    Box(
        modifier =
            Modifier.fillMaxWidth()
                .clip(shape)
                .background(MaterialTheme.colorScheme.surfaceContainer)
                .clickable(
                    interactionSource = null,
                    indication = ripple(color = colorProducer, focusRingShape = focusRingShape),
                    onClick = { isSelected = !isSelected },
                )
                .padding(12.dp),
        contentAlignment = Alignment.Center,
    ) {
        Text(if (isSelected) "Selected" else "Unselected")
    }
}
```

| Parameters |
|---|---|
| `color: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/ColorProducer` | the color of the ripple. This color is usually the same color used by the text or iconography in the component. This color will then have alpha applied to calculate the final color used to draw the ripple. If you are creating this `https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/ColorProducer` outside of composition (where it will be automatically remembered), make sure that its instance is stable (such as by remembering the object that holds it), or remember the returned `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/package-summary#ripple(androidx.compose.ui.graphics.ColorProducer,kotlin.Boolean,androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Shape,kotlin.Boolean,kotlin.Boolean,kotlin.Boolean,kotlin.Boolean)` object to make sure that ripple nodes are not being created each recomposition. If inset focus rings are enabled, their colors will be provided by the theme or by an overridden `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/package-summary#LocalRippleConfiguration()`. |
| `bounded: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-boolean/index.html = true` | If true, ripples are clipped by the bounds of the target layout. Unbounded ripples always animate from the target layout center, bounded ripples animate from the touch position. This bounding only applies to any opacity-based layers that are drawn, and doesn't affect inset focus rings, if in use. |
| `radius: https://developer.android.com/reference/kotlin/androidx/compose/ui/unit/Dp = Dp.Unspecified` | the radius for the ripple. If `https://developer.android.com/reference/kotlin/androidx/compose/ui/unit/Dp#Unspecified()` is provided then the size will be calculated based on the target layout size. |
| `focusRingShape: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Shape? = null` | this parameter is only used if inset focus rings are enabled, specifically when the `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/RippleThemeConfiguration#focus()` from `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/package-summary#LocalRippleThemeConfiguration()` is `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/RippleThemeConfiguration.Focus.InsetRing`. When inset focus rings are enabled, the focus ring shape will define the shape of the ripple that the focus ring indication will use if specified. If left `null`, a default shape will be used, which will be a rounded rectangle based on the `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/package-summary#ripple(androidx.compose.ui.graphics.ColorProducer,kotlin.Boolean,androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Shape,kotlin.Boolean,kotlin.Boolean,kotlin.Boolean,kotlin.Boolean)` if specified, otherwise it will be just a `https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/package-summary#RectangleShape()`. This `https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Shape` instance must remain the same during the lifetime of the ripple in composition. If the `https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Shape` needs to change, delegate from a single instance to the changing shape to preserve the instance requirement. |
| `enablePressIndication: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-boolean/index.html = true` | if true, this ripple will draw the indication for press interactions. Set this to `false` to disable drawing any visuals for press interactions in this ripple. |
| `enableFocusIndication: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-boolean/index.html = true` | if true, this ripple will draw the indication for focus interactions. Set this to `false` to disable drawing any visuals for focus interactions in this ripple. |
| `enableHoverIndication: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-boolean/index.html = true` | if true, this ripple will draw the indication for hover interactions. Set this to `false` to disable drawing any visuals for hover interactions in this ripple. |
| `enableDragIndication: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-boolean/index.html = true` | if true, this ripple will draw the indication for drag interactions. Set this to `false` to disable drawing any visuals for drag interactions in this ripple. |

## Extension functions

### TransformingLazyColumnItemScope.SurfaceTransformation

Artifact: [androidx.wear.compose:compose-material3](https://developer.android.com/jetpack/androidx/releases/wear-compose) [View Source](https://cs.android.com/search?q=file:androidx/wear/compose/material3/SurfaceTransformation.kt+function:SurfaceTransformation) Added in [1.5.0](https://developer.android.com/jetpack/androidx/releases/wear-compose#1.5.0)

```
fun TransformingLazyColumnItemScope.SurfaceTransformation(
    spec: TransformationSpec
): SurfaceTransformation
```

Exposes `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/lazy/TransformationSpec` as `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/package-summary#(androidx.wear.compose.foundation.lazy.TransformingLazyColumnItemScope).SurfaceTransformation(androidx.wear.compose.material3.lazy.TransformationSpec)` to be used with Material components.

| Parameters |
|---|---|
| `spec: https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/lazy/TransformationSpec` | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/lazy/TransformationSpec` to be used. |

### CurvedScope.confirmationDialogCurvedText

Artifact: [androidx.wear.compose:compose-material3](https://developer.android.com/jetpack/androidx/releases/wear-compose) [View Source](https://cs.android.com/search?q=file:androidx/wear/compose/material3/ConfirmationDialog.kt+function:confirmationDialogCurvedText) Added in [1.5.0](https://developer.android.com/jetpack/androidx/releases/wear-compose#1.5.0)

```
fun CurvedScope.confirmationDialogCurvedText(
    text: String,
    style: CurvedTextStyle
): Unit
```

A customized variation of `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/package-summary#(androidx.wear.compose.foundation.CurvedScope).curvedText(kotlin.String,androidx.wear.compose.foundation.CurvedModifier,kotlin.Float,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.font.FontFamily,androidx.compose.ui.text.font.FontWeight,androidx.compose.ui.text.font.FontStyle,androidx.compose.ui.text.font.FontSynthesis,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.unit.TextUnit,androidx.wear.compose.foundation.CurvedTextStyle,androidx.wear.compose.foundation.CurvedDirection.Angular,androidx.compose.ui.text.style.TextOverflow)` that displays text along a curved path. This variation adopts suitable sweep angle and padding for use in `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/ConfirmationDialog.composable#ConfirmationDialog(kotlin.Boolean,kotlin.Function0,kotlin.Function1,androidx.compose.ui.Modifier,androidx.wear.compose.material3.ConfirmationDialogColors,androidx.compose.ui.window.DialogProperties,kotlin.Long,kotlin.Function0)`s.

| Parameters |
|---|---|
| `text: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-string/index.html` | The text to display. |
| `style: https://developer.android.com/reference/kotlin/androidx/wear/compose/foundation/CurvedTextStyle` | It is recommended to use `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/ConfirmationDialogDefaults#curvedTextStyle()` for curved text in Confirmation Dialogs. |

### ColorScheme.contentColorFor

Artifact: [androidx.wear.compose:compose-material3](https://developer.android.com/jetpack/androidx/releases/wear-compose) [View Source](https://cs.android.com/search?q=file:androidx/wear/compose/material3/ColorScheme.kt+function:contentColorFor) Added in [1.6.0](https://developer.android.com/jetpack/androidx/releases/wear-compose#1.6.0)

```
fun ColorScheme.contentColorFor(backgroundColor: Color): Color
```

The Material color system contains pairs of colors that are typically used for the background and content color inside a component. For example, a Button typically uses `primary` for its background, and `onPrimary` for the color of its content (usually text or iconography).

This function tries to match the provided `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/package-summary#(androidx.wear.compose.material3.ColorScheme).contentColorFor(androidx.compose.ui.graphics.Color)` to a 'background' color in this `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/ColorScheme`, and then will return the corresponding color used for content. For example, when `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/package-summary#(androidx.wear.compose.material3.ColorScheme).contentColorFor(androidx.compose.ui.graphics.Color)` is `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/ColorScheme#primary()`, this will return `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/ColorScheme#onPrimary()`.

If `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/package-summary#(androidx.wear.compose.material3.ColorScheme).contentColorFor(androidx.compose.ui.graphics.Color)` does not match a background color in the theme, this will return `https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color#Unspecified()`.

| Returns |
|---|---|
| `https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color` | the matching content color for `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/package-summary#(androidx.wear.compose.material3.ColorScheme).contentColorFor(androidx.compose.ui.graphics.Color)`. If `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/package-summary#(androidx.wear.compose.material3.ColorScheme).contentColorFor(androidx.compose.ui.graphics.Color)` is not present in the theme's `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/ColorScheme`, then returns `https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color#Unspecified()`. |

| See also |
|---|---|
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/package-summary#(androidx.wear.compose.material3.ColorScheme).contentColorFor(androidx.compose.ui.graphics.Color)` |   |

### CurvedScope.curvedText

Artifact: [androidx.wear.compose:compose-material3](https://developer.android.com/jetpack/androidx/releases/wear-compose) [View Source](https://cs.android.com/search?q=file:androidx/wear/compose/material3/CurvedText.kt+function:curvedText) Added in [1.6.0](https://developer.android.com/jetpack/androidx/releases/wear-compose#1.6.0)

```
fun CurvedScope.curvedText(
    text: String,
    modifier: CurvedModifier = CurvedModifier,
    maxSweepAngle: Float = CurvedTextDefaults.ScrollableContentMaxSweepAngle,
    background: Color = Color.Unspecified,
    color: Color = Color.Unspecified,
    fontSize: TextUnit = TextUnit.Unspecified,
    fontFamily: FontFamily? = null,
    fontWeight: FontWeight? = null,
    fontStyle: FontStyle? = null,
    fontSynthesis: FontSynthesis? = null,
    letterSpacing: TextUnit = TextUnit.Unspecified,
    letterSpacingCounterClockwise: TextUnit = TextUnit.Unspecified,
    style: CurvedTextStyle? = null,
    angularDirection: CurvedDirection.Angular? = null,
    overflow: TextOverflow = TextOverflow.Clip
): Unit
```

CurvedText is a component allowing developers to easily write curved text following the curvature of a circle (usually at the edge of a circular screen). CurvedText can be only created within the CurvedLayout to ensure the best experience, like being able to specify positioning.

Note that Wear Material UX guidance recommends that `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/package-summary#(androidx.wear.compose.foundation.CurvedScope).curvedText(kotlin.String,androidx.wear.compose.foundation.CurvedModifier,kotlin.Float,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.font.FontFamily,androidx.compose.ui.text.font.FontWeight,androidx.compose.ui.text.font.FontStyle,androidx.compose.ui.text.font.FontSynthesis,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.unit.TextUnit,androidx.wear.compose.foundation.CurvedTextStyle,androidx.wear.compose.foundation.CurvedDirection.Angular,androidx.compose.ui.text.style.TextOverflow)` should not exceed the sweep angle `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/CurvedTextDefaults#ScrollableContentMaxSweepAngle()` on screens with scrollable content such as lists. This limit is enforced by default. For screens without scrollable content, `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/CurvedTextDefaults#StaticContentMaxSweepAngle()` may be used instead.

The default `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/package-summary#(androidx.wear.compose.foundation.CurvedScope).curvedText(kotlin.String,androidx.wear.compose.foundation.CurvedModifier,kotlin.Float,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.font.FontFamily,androidx.compose.ui.text.font.FontWeight,androidx.compose.ui.text.font.FontStyle,androidx.compose.ui.text.font.FontSynthesis,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.unit.TextUnit,androidx.wear.compose.foundation.CurvedTextStyle,androidx.wear.compose.foundation.CurvedDirection.Angular,androidx.compose.ui.text.style.TextOverflow)` uses the `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/package-summary#LocalTextStyle()` provided by the `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/MaterialTheme` / components, converting it to a `https://developer.android.com/reference/kotlin/androidx/wear/compose/foundation/CurvedTextStyle`. Note that not all parameters are used by `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/package-summary#(androidx.wear.compose.foundation.CurvedScope).curvedText(kotlin.String,androidx.wear.compose.foundation.CurvedModifier,kotlin.Float,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.font.FontFamily,androidx.compose.ui.text.font.FontWeight,androidx.compose.ui.text.font.FontStyle,androidx.compose.ui.text.font.FontSynthesis,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.unit.TextUnit,androidx.wear.compose.foundation.CurvedTextStyle,androidx.wear.compose.foundation.CurvedDirection.Angular,androidx.compose.ui.text.style.TextOverflow)`.

If you are setting your own style, you may want to consider first retrieving `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/package-summary#LocalTextStyle()`, and using `https://developer.android.com/reference/kotlin/androidx/compose/ui/text/TextStyle#copy(androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.font.FontWeight,androidx.compose.ui.text.font.FontStyle,androidx.compose.ui.text.font.FontSynthesis,androidx.compose.ui.text.font.FontFamily,kotlin.String,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.style.BaselineShift,androidx.compose.ui.text.style.TextGeometricTransform,androidx.compose.ui.text.intl.LocaleList,androidx.compose.ui.graphics.Color,androidx.compose.ui.text.style.TextDecoration,androidx.compose.ui.graphics.Shadow,androidx.compose.ui.graphics.drawscope.DrawStyle,androidx.compose.ui.text.style.TextAlign,androidx.compose.ui.text.style.TextDirection,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.style.TextIndent,androidx.compose.ui.text.PlatformTextStyle,androidx.compose.ui.text.style.LineHeightStyle,androidx.compose.ui.text.style.LineBreak,androidx.compose.ui.text.style.Hyphens,androidx.compose.ui.text.style.TextMotion)` to keep any theme defined attributes, only modifying the specific attributes you want to override, then convert to `https://developer.android.com/reference/kotlin/androidx/wear/compose/foundation/CurvedTextStyle`

For ease of use, commonly used parameters from `https://developer.android.com/reference/kotlin/androidx/wear/compose/foundation/CurvedTextStyle` are also present here. The order of precedence is as follows:

- If a parameter is explicitly set here (i.e., it is *not* `null` or `https://developer.android.com/reference/kotlin/androidx/compose/ui/unit/TextUnit#Unspecified()`), then this parameter will always be used.

- If a parameter is *not* set, (`null` or `https://developer.android.com/reference/kotlin/androidx/compose/ui/unit/TextUnit#Unspecified()`), then the corresponding value from `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/package-summary#(androidx.wear.compose.foundation.CurvedScope).curvedText(kotlin.String,androidx.wear.compose.foundation.CurvedModifier,kotlin.Float,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.font.FontFamily,androidx.compose.ui.text.font.FontWeight,androidx.compose.ui.text.font.FontStyle,androidx.compose.ui.text.font.FontSynthesis,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.unit.TextUnit,androidx.wear.compose.foundation.CurvedTextStyle,androidx.wear.compose.foundation.CurvedDirection.Angular,androidx.compose.ui.text.style.TextOverflow)` will be used instead.

Additionally, for `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/package-summary#(androidx.wear.compose.foundation.CurvedScope).curvedText(kotlin.String,androidx.wear.compose.foundation.CurvedModifier,kotlin.Float,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.font.FontFamily,androidx.compose.ui.text.font.FontWeight,androidx.compose.ui.text.font.FontStyle,androidx.compose.ui.text.font.FontSynthesis,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.unit.TextUnit,androidx.wear.compose.foundation.CurvedTextStyle,androidx.wear.compose.foundation.CurvedDirection.Angular,androidx.compose.ui.text.style.TextOverflow)`, if `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/package-summary#(androidx.wear.compose.foundation.CurvedScope).curvedText(kotlin.String,androidx.wear.compose.foundation.CurvedModifier,kotlin.Float,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.font.FontFamily,androidx.compose.ui.text.font.FontWeight,androidx.compose.ui.text.font.FontStyle,androidx.compose.ui.text.font.FontSynthesis,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.unit.TextUnit,androidx.wear.compose.foundation.CurvedTextStyle,androidx.wear.compose.foundation.CurvedDirection.Angular,androidx.compose.ui.text.style.TextOverflow)` is not set, and `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/package-summary#(androidx.wear.compose.foundation.CurvedScope).curvedText(kotlin.String,androidx.wear.compose.foundation.CurvedModifier,kotlin.Float,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.font.FontFamily,androidx.compose.ui.text.font.FontWeight,androidx.compose.ui.text.font.FontStyle,androidx.compose.ui.text.font.FontSynthesis,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.unit.TextUnit,androidx.wear.compose.foundation.CurvedTextStyle,androidx.wear.compose.foundation.CurvedDirection.Angular,androidx.compose.ui.text.style.TextOverflow)` does not have a color, then `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/package-summary#LocalContentColor()` will be used.

For samples using curved text in a `https://developer.android.com/reference/kotlin/androidx/wear/compose/foundation/CurvedLayout.composable#CurvedLayout(androidx.compose.ui.Modifier,kotlin.Float,androidx.wear.compose.foundation.AnchorType,androidx.wear.compose.foundation.CurvedAlignment.Radial,androidx.wear.compose.foundation.CurvedDirection.Angular,kotlin.Function1)` see:

```kotlin
import androidx.compose.ui.Modifier
import androidx.compose.ui.graphics.StrokeCap.Companion.Round
import androidx.compose.ui.unit.dp
import androidx.wear.compose.foundation.CurvedLayout
import androidx.wear.compose.foundation.CurvedModifier
import androidx.wear.compose.foundation.angularSizeDp
import androidx.wear.compose.foundation.background
import androidx.wear.compose.foundation.curvedBox
import androidx.wear.compose.foundation.curvedRow
import androidx.wear.compose.material3.MaterialTheme
import androidx.wear.compose.material3.curvedText

val backgroundColor = MaterialTheme.colorScheme.onPrimary
val customColor = MaterialTheme.colorScheme.tertiaryDim
CurvedLayout {
    curvedRow(CurvedModifier.background(backgroundColor, Round)) {
        curvedText("Calling", color = customColor)
        curvedBox(CurvedModifier.angularSizeDp(5.dp)) {}
        curvedText("Camilia Garcia")
    }
}
```

![CurvedTextTop Composite
Image](https://developer.android.com/wear/images/design/WearComposeM3_CurvedTextTop_CompositeImage.png)

```kotlin
import androidx.compose.foundation.layout.size
import androidx.compose.material.icons.Icons
import androidx.compose.material.icons.filled.Warning
import androidx.compose.runtime.Composable
import androidx.compose.ui.Modifier
import androidx.compose.ui.graphics.StrokeCap.Companion.Round
import androidx.compose.ui.text.style.TextOverflow
import androidx.wear.compose.foundation.CurvedDirection
import androidx.wear.compose.foundation.CurvedLayout
import androidx.wear.compose.foundation.CurvedModifier
import androidx.wear.compose.foundation.background
import androidx.wear.compose.foundation.curvedComposable
import androidx.wear.compose.foundation.curvedRow
import androidx.wear.compose.material3.ButtonDefaults
import androidx.wear.compose.material3.CurvedTextDefaults
import androidx.wear.compose.material3.Icon
import androidx.wear.compose.material3.MaterialTheme
import androidx.wear.compose.material3.curvedText

val backgroundColor = MaterialTheme.colorScheme.onPrimary
CurvedLayout(anchor = 90f, angularDirection = CurvedDirection.Angular.Reversed) {
    curvedRow(CurvedModifier.background(backgroundColor, Round)) {
        curvedComposable {
            Icon(
                Icons.Filled.Warning,
                contentDescription = "Warning",
                modifier = Modifier.size(ButtonDefaults.IconSize),
            )
        }
        curvedText(
            "Network lost",
            maxSweepAngle = CurvedTextDefaults.StaticContentMaxSweepAngle,
            overflow = TextOverflow.Ellipsis,
        )
    }
}
```

![CurvedTextBottom Composite
Image](https://developer.android.com/wear/images/design/WearComposeM3_CurvedTextBottom_CompositeImage.png)

For more information, see the [Curved Text](https://developer.android.com/training/wearables/compose/curved-text) guide.

| Parameters |
|---|---|
| `text: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-string/index.html` | The text to display |
| `modifier: https://developer.android.com/reference/kotlin/androidx/wear/compose/foundation/CurvedModifier = CurvedModifier` | The `https://developer.android.com/reference/kotlin/androidx/wear/compose/foundation/CurvedModifier` to apply to this curved text. |
| `maxSweepAngle: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-float/index.html = CurvedTextDefaults.ScrollableContentMaxSweepAngle` | The default maximum sweep angle in degrees. For screens without scrollable content, `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/CurvedTextDefaults#StaticContentMaxSweepAngle()` may be used instead. |
| `background: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color = Color.Unspecified` | The background color for the text. |
| `color: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color = Color.Unspecified` | `https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color` to apply to the text. If `https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color#Unspecified()`, and `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/package-summary#(androidx.wear.compose.foundation.CurvedScope).curvedText(kotlin.String,androidx.wear.compose.foundation.CurvedModifier,kotlin.Float,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.font.FontFamily,androidx.compose.ui.text.font.FontWeight,androidx.compose.ui.text.font.FontStyle,androidx.compose.ui.text.font.FontSynthesis,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.unit.TextUnit,androidx.wear.compose.foundation.CurvedTextStyle,androidx.wear.compose.foundation.CurvedDirection.Angular,androidx.compose.ui.text.style.TextOverflow)` has no color set, this will be `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/package-summary#LocalContentColor()`. |
| `fontSize: https://developer.android.com/reference/kotlin/androidx/compose/ui/unit/TextUnit = TextUnit.Unspecified` | The size of glyphs to use when painting the text. See `https://developer.android.com/reference/kotlin/androidx/compose/ui/text/TextStyle#fontSize()`. |
| `fontFamily: https://developer.android.com/reference/kotlin/androidx/compose/ui/text/font/FontFamily? = null` | The font family to be used when rendering the text. |
| `fontWeight: https://developer.android.com/reference/kotlin/androidx/compose/ui/text/font/FontWeight? = null` | The thickness of the glyphs, in a range of 1, 1000. see `https://developer.android.com/reference/kotlin/androidx/compose/ui/text/font/FontWeight` |
| `fontStyle: https://developer.android.com/reference/kotlin/androidx/compose/ui/text/font/FontStyle? = null` | The typeface variant to use when drawing the letters (e.g. italic). |
| `fontSynthesis: https://developer.android.com/reference/kotlin/androidx/compose/ui/text/font/FontSynthesis? = null` | Whether to synthesize font weight and/or style when the requested weight or style cannot be found in the provided font family. |
| `letterSpacing: https://developer.android.com/reference/kotlin/androidx/compose/ui/unit/TextUnit = TextUnit.Unspecified` | The amount of space (in em or sp) to add between each letter, when text is going clockwise. |
| `letterSpacingCounterClockwise: https://developer.android.com/reference/kotlin/androidx/compose/ui/unit/TextUnit = TextUnit.Unspecified` | The amount of space (in em or sp) to add between each letter, when text is going counterClockwise. Note that this usually needs to be bigger than `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/package-summary#(androidx.wear.compose.foundation.CurvedScope).curvedText(kotlin.String,androidx.wear.compose.foundation.CurvedModifier,kotlin.Float,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.font.FontFamily,androidx.compose.ui.text.font.FontWeight,androidx.compose.ui.text.font.FontStyle,androidx.compose.ui.text.font.FontSynthesis,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.unit.TextUnit,androidx.wear.compose.foundation.CurvedTextStyle,androidx.wear.compose.foundation.CurvedDirection.Angular,androidx.compose.ui.text.style.TextOverflow)` to account for the fact that going clockwise, text fans out from the baseline while going counter clockwise text fans in. |
| `style: https://developer.android.com/reference/kotlin/androidx/wear/compose/foundation/CurvedTextStyle? = null` | Specifies the style to use. |
| `angularDirection: https://developer.android.com/reference/kotlin/androidx/wear/compose/foundation/CurvedDirection.Angular? = null` | Specify if the text is laid out clockwise or anti-clockwise, and if those needs to be reversed in a Rtl layout. If not specified, it will be inherited from the enclosing `https://developer.android.com/reference/kotlin/androidx/wear/compose/foundation/package-summary#(androidx.wear.compose.foundation.CurvedScope).curvedRow(androidx.wear.compose.foundation.CurvedModifier,androidx.wear.compose.foundation.CurvedAlignment.Radial,androidx.wear.compose.foundation.CurvedDirection.Angular,kotlin.Function1)` or `https://developer.android.com/reference/kotlin/androidx/wear/compose/foundation/CurvedLayout.composable#CurvedLayout(androidx.compose.ui.Modifier,kotlin.Float,androidx.wear.compose.foundation.AnchorType,androidx.wear.compose.foundation.CurvedAlignment.Radial,androidx.wear.compose.foundation.CurvedDirection.Angular,kotlin.Function1)` See `https://developer.android.com/reference/kotlin/androidx/wear/compose/foundation/CurvedDirection.Angular`. |
| `overflow: https://developer.android.com/reference/kotlin/androidx/compose/ui/text/style/TextOverflow = TextOverflow.Clip` | How visual overflow should be handled. Note that this takes into account only explicit size curved modifiers in this element, to size this element matching the parent's, add a CurvedModifier.weight here. |

### DrawScope.drawCircularProgressIndicator

Artifact: [androidx.wear.compose:compose-material3](https://developer.android.com/jetpack/androidx/releases/wear-compose) [View Source](https://cs.android.com/search?q=file:androidx/wear/compose/material3/CircularProgressIndicator.kt+function:drawCircularProgressIndicator) Added in [1.6.0](https://developer.android.com/jetpack/androidx/releases/wear-compose#1.6.0)

```
fun DrawScope.drawCircularProgressIndicator(
    progress: Float,
    colors: ProgressIndicatorColors,
    strokeWidth: Dp,
    enabled: Boolean = true,
    allowProgressOverflow: Boolean = false,
    startAngle: Float = CircularProgressIndicatorDefaults.StartAngle,
    endAngle: Float = startAngle,
    gapSize: Dp = CircularProgressIndicatorDefaults.calculateRecommendedGapSize(strokeWidth)
): Unit
```

Draw a simple non-animating circular progress indicator. Prefer to use `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/CircularProgressIndicator.composable#CircularProgressIndicator(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Boolean,kotlin.Float,kotlin.Float,androidx.wear.compose.material3.ProgressIndicatorColors,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)` directly instead of this method in order to access the recommended animations, but this method can be used when custom animations are required.

Example of a circular progress indicator with custom progress animation:

```kotlin
import androidx.compose.animation.core.Animatable
import androidx.compose.animation.core.LinearEasing
import androidx.compose.animation.core.tween
import androidx.compose.foundation.background
import androidx.compose.foundation.focusable
import androidx.compose.foundation.layout.Box
import androidx.compose.foundation.layout.Spacer
import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.foundation.layout.padding
import androidx.compose.runtime.LaunchedEffect
import androidx.compose.runtime.remember
import androidx.compose.ui.Modifier
import androidx.compose.ui.draw.drawBehind
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.unit.dp
import androidx.wear.compose.material3.CircularProgressIndicator
import androidx.wear.compose.material3.CircularProgressIndicatorDefaults
import androidx.wear.compose.material3.MaterialTheme
import androidx.wear.compose.material3.ProgressIndicatorDefaults
import androidx.wear.compose.material3.drawCircularProgressIndicator

val animatedProgress = remember { Animatable(0f) }
val colors =
    ProgressIndicatorDefaults.colors(indicatorColor = Color.Green, trackColor = Color.White)

LaunchedEffect(Unit) {
    animatedProgress.animateTo(1f, tween(durationMillis = 1024, easing = LinearEasing))
    animatedProgress.animateTo(0f, tween(durationMillis = 1024, easing = LinearEasing))
}

Box(
    modifier =
        Modifier.background(MaterialTheme.colorScheme.background)
            .padding(CircularProgressIndicatorDefaults.FullScreenPadding)
            .fillMaxSize()
) {
    // Draw the circular progress indicator with custom animation
    Spacer(
        Modifier.fillMaxSize().focusable().drawBehind {
            drawCircularProgressIndicator(
                progress = animatedProgress.value,
                strokeWidth = 10.dp,
                colors = colors,
                startAngle = 120f,
                endAngle = 60f,
            )
        }
    )
}
```

| Parameters |
|---|---|
| `progress: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-float/index.html` | The progress of this progress indicator where 0.0 represents no progress and 1.0 represents completion. |
| `colors: https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/ProgressIndicatorColors` | `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/ProgressIndicatorColors` that will be used to resolve the indicator and track color for this progress indicator in different states. |
| `strokeWidth: https://developer.android.com/reference/kotlin/androidx/compose/ui/unit/Dp` | The stroke width for the progress indicator. The recommended values are `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/CircularProgressIndicatorDefaults#largeStrokeWidth()` and `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/CircularProgressIndicatorDefaults#smallStrokeWidth()`. |
| `enabled: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-boolean/index.html = true` | controls the enabled state. Although this component is not clickable, it can be contained within a clickable component. When enabled is `false`, this component will appear visually disabled. |
| `allowProgressOverflow: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-boolean/index.html = false` | When progress overflow is allowed, values smaller than 0.0 will be coerced to 0, while values larger than 1.0 will be wrapped around and shown as overflow with a different track color `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/ProgressIndicatorColors#overflowTrackBrush(kotlin.Boolean,kotlin.Float)`. For example values 1.2, 2.2 etc will be shown as 20% progress with the overflow color. When progress overflow is not allowed, progress values will be coerced into the range 0..1. |
| `startAngle: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-float/index.html = CircularProgressIndicatorDefaults.StartAngle` | The starting position of the progress arc, measured clockwise in degrees (0 to 360) from the 3 o'clock position. For example, 0 and 360 represent 3 o'clock, 90 and 180 represent 6 o'clock and 9 o'clock respectively. Default is 270 degrees `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/CircularProgressIndicatorDefaults#StartAngle()` (top of the screen). |
| `endAngle: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-float/index.html = startAngle` | The ending position of the progress arc, measured clockwise in degrees (0 to 360) from the 3 o'clock position. For example, 0 and 360 represent 3 o'clock, 90 and 180 represent 6 o'clock and 9 o'clock respectively. By default equal to `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/package-summary#(androidx.compose.ui.graphics.drawscope.DrawScope).drawCircularProgressIndicator(kotlin.Float,androidx.wear.compose.material3.ProgressIndicatorColors,androidx.compose.ui.unit.Dp,kotlin.Boolean,kotlin.Boolean,kotlin.Float,kotlin.Float,androidx.compose.ui.unit.Dp)`. |
| `gapSize: https://developer.android.com/reference/kotlin/androidx/compose/ui/unit/Dp = CircularProgressIndicatorDefaults.calculateRecommendedGapSize(strokeWidth)` | The size (in Dp) of the gap between the ends of the progress indicator and the track. The stroke endcaps are not included in this distance. |

### CurvedScope.openOnPhoneDialogCurvedText

Artifact: [androidx.wear.compose:compose-material3](https://developer.android.com/jetpack/androidx/releases/wear-compose) [View Source](https://cs.android.com/search?q=file:androidx/wear/compose/material3/OpenOnPhoneDialog.kt+function:openOnPhoneDialogCurvedText) Added in [1.5.0](https://developer.android.com/jetpack/androidx/releases/wear-compose#1.5.0)

```
fun CurvedScope.openOnPhoneDialogCurvedText(
    text: String,
    style: CurvedTextStyle
): Unit
```

A customized variation of `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/package-summary#(androidx.wear.compose.foundation.CurvedScope).curvedText(kotlin.String,androidx.wear.compose.foundation.CurvedModifier,kotlin.Float,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.font.FontFamily,androidx.compose.ui.text.font.FontWeight,androidx.compose.ui.text.font.FontStyle,androidx.compose.ui.text.font.FontSynthesis,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.unit.TextUnit,androidx.wear.compose.foundation.CurvedTextStyle,androidx.wear.compose.foundation.CurvedDirection.Angular,androidx.compose.ui.text.style.TextOverflow)` that displays text along a curved path. This variation adopts suitable sweep angle and padding for use in `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/OpenOnPhoneDialog.composable#OpenOnPhoneDialog(kotlin.Boolean,kotlin.Function0,kotlin.Function1,androidx.compose.ui.Modifier,androidx.wear.compose.material3.OpenOnPhoneDialogColors,androidx.compose.ui.window.DialogProperties,kotlin.Long,kotlin.Function0)`.

| Parameters |
|---|---|
| `text: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-string/index.html` | The text to display. |
| `style: https://developer.android.com/reference/kotlin/androidx/wear/compose/foundation/CurvedTextStyle` | The style to apply to the text. It is recommended to use `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/OpenOnPhoneDialogDefaults#curvedTextStyle()` for curved text in `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/OpenOnPhoneDialog.composable#OpenOnPhoneDialog(kotlin.Boolean,kotlin.Function0,kotlin.Function1,androidx.compose.ui.Modifier,androidx.wear.compose.material3.OpenOnPhoneDialogColors,androidx.compose.ui.window.DialogProperties,kotlin.Long,kotlin.Function0)`. |

### CurvedScope.timeTextCurvedText

Artifact: [androidx.wear.compose:compose-material3](https://developer.android.com/jetpack/androidx/releases/wear-compose) [View Source](https://cs.android.com/search?q=file:androidx/wear/compose/material3/TimeText.kt+function:timeTextCurvedText) Added in [1.5.0](https://developer.android.com/jetpack/androidx/releases/wear-compose#1.5.0)

```
fun CurvedScope.timeTextCurvedText(time: String, style: CurvedTextStyle? = null): Unit
```

Default curved text to use in a `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/TimeText.composable#TimeText(androidx.compose.ui.Modifier,androidx.wear.compose.foundation.CurvedModifier,kotlin.Float,androidx.compose.ui.graphics.Color,androidx.wear.compose.material3.TimeSource,androidx.compose.foundation.layout.PaddingValues,kotlin.Function2)`, for displaying the time

| Parameters |
|---|---|
| `time: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-string/index.html` | The time to display. |
| `style: https://developer.android.com/reference/kotlin/androidx/wear/compose/foundation/CurvedTextStyle? = null` | A `https://developer.android.com/reference/kotlin/androidx/wear/compose/foundation/CurvedTextStyle` to override the style used. |

### CurvedScope.timeTextSeparator

Artifact: [androidx.wear.compose:compose-material3](https://developer.android.com/jetpack/androidx/releases/wear-compose) [View Source](https://cs.android.com/search?q=file:androidx/wear/compose/material3/TimeText.kt+function:timeTextSeparator) Added in [1.5.0](https://developer.android.com/jetpack/androidx/releases/wear-compose#1.5.0)

```
fun CurvedScope.timeTextSeparator(
    curvedTextStyle: CurvedTextStyle? = null,
    contentArcPadding: ArcPaddingValues = ArcPaddingValues(angular = 4.dp)
): Unit
```

A default implementation of Separator, to be shown between any text/composable and the time.

| Parameters |
|---|---|
| `curvedTextStyle: https://developer.android.com/reference/kotlin/androidx/wear/compose/foundation/CurvedTextStyle? = null` | A `https://developer.android.com/reference/kotlin/androidx/wear/compose/foundation/CurvedTextStyle` for the separator. |
| `contentArcPadding: https://developer.android.com/reference/kotlin/androidx/wear/compose/foundation/ArcPaddingValues = ArcPaddingValues(angular = 4.dp)` | `https://developer.android.com/reference/kotlin/androidx/wear/compose/foundation/ArcPaddingValues` for the separator text. |

## Top-level properties

### LocalContentColor

Artifact: [androidx.wear.compose:compose-material3](https://developer.android.com/jetpack/androidx/releases/wear-compose) [View Source](https://cs.android.com/search?q=file:androidx/wear/compose/material3/ContentColor.kt+symbol:LocalContentColor) Added in [1.5.0](https://developer.android.com/jetpack/androidx/releases/wear-compose#1.5.0)

```
val LocalContentColor: ProvidableCompositionLocal<Color>
```

CompositionLocal containing the preferred content color for a given position in the hierarchy. This typically represents the `on` color for a color in `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/ColorScheme`. For example, if the background color is `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/ColorScheme#surfaceContainer()`, this color is typically set to `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/ColorScheme#onSurface()`.

This color should be used for any typography / iconography, to ensure that the color of these adjusts when the background color changes. For example, on a dark background, text should be light, and on a light background, text should be dark.

Defaults to `https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color#White()` if no color has been explicitly set.

### LocalRippleConfiguration

Artifact: [androidx.wear.compose:compose-material3](https://developer.android.com/jetpack/androidx/releases/wear-compose) [View Source](https://cs.android.com/search?q=file:androidx/wear/compose/material3/Ripple.kt+symbol:LocalRippleConfiguration) Added in [1.6.0](https://developer.android.com/jetpack/androidx/releases/wear-compose#1.6.0)

```
val LocalRippleConfiguration: ProvidableCompositionLocal<RippleConfiguration?>
```

CompositionLocal used for providing `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/RippleConfiguration` down the tree. This acts as a tree-local 'override' for ripples used inside components that you cannot directly control, such as to change the color of a specific component's ripple, or disable it entirely by providing `null`.

In most cases you should rely on the default theme behavior for consistency with other components

- this exists as an escape hatch for individual components and is not intended to be used for full theme customization across an application. For this use case you should instead build your own custom ripple that queries your design system theme values directly using `https://developer.android.com/reference/kotlin/androidx/compose/material3/ripple/package-summary#createRippleModifierNode(androidx.compose.foundation.interaction.InteractionSource,kotlin.Function0)`.

The ripple configuration is resolved as follows:

- `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/package-summary#LocalRippleThemeConfiguration()` provides the highest-level theming configuration for ripples, including whether the focus indication is drawn by inset focus rings.

- `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/package-summary#LocalRippleConfiguration()` provides hierarchical per-ripple configuration for `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/package-summary#ripple(kotlin.Boolean,androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Shape,kotlin.Boolean,kotlin.Boolean,kotlin.Boolean,kotlin.Boolean)`, including disabling ripples and their indications. This takes next highest priority.

- `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/package-summary#ripple(kotlin.Boolean,androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Shape,kotlin.Boolean,kotlin.Boolean,kotlin.Boolean,kotlin.Boolean)` parameters allow specifying configuration for individual indication callsites in components.

### LocalRippleThemeConfiguration

Artifact: [androidx.wear.compose:compose-material3](https://developer.android.com/jetpack/androidx/releases/wear-compose) [View Source](https://cs.android.com/search?q=file:androidx/wear/compose/material3/Ripple.kt+symbol:LocalRippleThemeConfiguration) Added in [1.8.0-alpha03](https://developer.android.com/jetpack/androidx/releases/wear-compose#1.8.0-alpha03)

```
val LocalRippleThemeConfiguration: ProvidableCompositionLocal<RippleThemeConfiguration>
```

The overall `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/RippleThemeConfiguration` in use by all built-in components and `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/package-summary#ripple(kotlin.Boolean,androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Shape,kotlin.Boolean,kotlin.Boolean,kotlin.Boolean,kotlin.Boolean)`.

By default, this will be `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/RippleDefaults#ThemeConfiguration()`.

The ripple configuration is resolved as follows:

- `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/package-summary#LocalRippleThemeConfiguration()` provides the highest-level theming configuration for ripples, including whether the focus indication is drawn by inset focus rings.

- `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/package-summary#LocalRippleConfiguration()` provides hierarchical per-ripple configuration for `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/package-summary#ripple(kotlin.Boolean,androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Shape,kotlin.Boolean,kotlin.Boolean,kotlin.Boolean,kotlin.Boolean)`, including disabling ripples and their indications. This takes next highest priority.

- `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/package-summary#ripple(kotlin.Boolean,androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Shape,kotlin.Boolean,kotlin.Boolean,kotlin.Boolean,kotlin.Boolean)` parameters allow specifying configuration for individual indication callsites in components.

```kotlin
import androidx.compose.runtime.CompositionLocalProvider
import androidx.wear.compose.material3.Button
import androidx.wear.compose.material3.LocalRippleThemeConfiguration
import androidx.wear.compose.material3.RippleDefaults
import androidx.wear.compose.material3.RippleThemeConfiguration
import androidx.wear.compose.material3.Text

// Enable inset focus rings through the theme configuration.
CompositionLocalProvider(
    LocalRippleThemeConfiguration provides RippleDefaults.InsetFocusRingThemeConfiguration
) {
    // Button is a standard Wear Material3 component that supports focus rings internally.
    Button(onClick = { /* Do something */ }, label = { Text("Button") })
}
```

```kotlin
import androidx.compose.foundation.layout.Arrangement
import androidx.compose.foundation.layout.Column
import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.runtime.CompositionLocalProvider
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.geometry.Size
import androidx.compose.ui.unit.dp
import androidx.wear.compose.material3.Button
import androidx.wear.compose.material3.LocalRippleConfiguration
import androidx.wear.compose.material3.LocalRippleThemeConfiguration
import androidx.wear.compose.material3.MaterialTheme
import androidx.wear.compose.material3.RippleConfiguration
import androidx.wear.compose.material3.RippleThemeConfiguration
import androidx.wear.compose.material3.SwitchButton
import androidx.wear.compose.material3.Text

// Customize the focus ring stroke sizes through the theme configuration.
CompositionLocalProvider(
    LocalRippleThemeConfiguration provides
        RippleThemeConfiguration(
            RippleThemeConfiguration.Focus.InsetRing(
                outerStrokeInset = 0.dp,
                outerStrokeWidth = 3.dp,
                innerStrokeInset = 0.dp,
                innerStrokeWidth = 6.dp,
            )
        )
) {
    Column(
        modifier = Modifier.fillMaxSize(),
        verticalArrangement = Arrangement.spacedBy(4.dp, Alignment.CenterVertically),
        horizontalAlignment = Alignment.CenterHorizontally,
    ) {
        // Button is a standard Wear Material3 component that supports focus rings internally.
        Button(onClick = { /* Do something */ }, label = { Text("Button") })

        // SwitchButton is also a standard component that supports focus rings internally.
        // We override its focus ring colors here.
        CompositionLocalProvider(
            LocalRippleConfiguration provides
                RippleConfiguration(
                    focus =
                        RippleConfiguration.Focus.InsetRing(
                            outerStrokeColor = MaterialTheme.colorScheme.tertiary,
                            innerStrokeColor = MaterialTheme.colorScheme.onTertiary,
                        )
                )
        ) {
            SwitchButton(
                checked = true,
                onCheckedChange = { /* Do something */ },
                label = { Text("SwitchButton") },
            )
        }
    }
}
```

### LocalTextConfiguration

Artifact: [androidx.wear.compose:compose-material3](https://developer.android.com/jetpack/androidx/releases/wear-compose) [View Source](https://cs.android.com/search?q=file:androidx/wear/compose/material3/Text.kt+symbol:LocalTextConfiguration) Added in [1.5.0](https://developer.android.com/jetpack/androidx/releases/wear-compose#1.5.0)

```
val LocalTextConfiguration: ProvidableCompositionLocal<TextConfiguration>
```

CompositionLocal containing the preferred `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/TextConfiguration` that will be used by `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/Text.composable#Text(kotlin.String,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.font.FontStyle,androidx.compose.ui.text.font.FontWeight,androidx.compose.ui.text.font.FontFamily,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.style.TextDecoration,androidx.compose.ui.text.style.TextAlign,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.style.TextOverflow,kotlin.Boolean,kotlin.Int,kotlin.Int,kotlin.Function1,androidx.compose.ui.text.TextStyle)` components by default consisting of text alignment, overflow specification and max lines. Material3 components related to text such as `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/Button.composable#Button(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.String,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.ButtonColors,androidx.compose.foundation.BorderStroke,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function1)`, `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/CheckboxButton.composable#CheckboxButton(kotlin.Boolean,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.CheckboxButtonColors,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function1,kotlin.Function1,kotlin.Function1)`, `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/SwitchButton.composable#SwitchButton(kotlin.Boolean,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.SwitchButtonColors,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function1,kotlin.Function1,kotlin.Function1)`, `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/RadioButton.composable#RadioButton(kotlin.Boolean,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.wear.compose.material3.RadioButtonColors,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.wear.compose.material3.SurfaceTransformation,kotlin.Function1,kotlin.Function1,kotlin.Function1)` use `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/package-summary#LocalTextConfiguration()` to set values with which to style child text components.

### LocalTextStyle

Artifact: [androidx.wear.compose:compose-material3](https://developer.android.com/jetpack/androidx/releases/wear-compose) [View Source](https://cs.android.com/search?q=file:androidx/wear/compose/material3/Text.kt+symbol:LocalTextStyle) Added in [1.5.0](https://developer.android.com/jetpack/androidx/releases/wear-compose#1.5.0)

```
val LocalTextStyle: ProvidableCompositionLocal<TextStyle>
```

CompositionLocal containing the preferred `https://developer.android.com/reference/kotlin/androidx/compose/ui/text/TextStyle` that will be used by `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/Text.composable#Text(kotlin.String,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.font.FontStyle,androidx.compose.ui.text.font.FontWeight,androidx.compose.ui.text.font.FontFamily,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.style.TextDecoration,androidx.compose.ui.text.style.TextAlign,androidx.compose.ui.unit.TextUnit,androidx.compose.ui.text.style.TextOverflow,kotlin.Boolean,kotlin.Int,kotlin.Int,kotlin.Function1,androidx.compose.ui.text.TextStyle)` components by default. To set the value for this CompositionLocal, see `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/ProvideTextStyle.composable#ProvideTextStyle(androidx.compose.ui.text.TextStyle,kotlin.Function0)` which will merge any missing `https://developer.android.com/reference/kotlin/androidx/compose/ui/text/TextStyle` properties with the existing `https://developer.android.com/reference/kotlin/androidx/compose/ui/text/TextStyle` set in this CompositionLocal.

| See also |
|---|---|
| `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/ProvideTextStyle.composable#ProvideTextStyle(androidx.compose.ui.text.TextStyle,kotlin.Function0)` |   |

### LocalTimeSource

Artifact: [androidx.wear.compose:compose-material3](https://developer.android.com/jetpack/androidx/releases/wear-compose) [View Source](https://cs.android.com/search?q=file:androidx/wear/compose/material3/TimeText.kt+symbol:LocalTimeSource) Added in [1.8.0-alpha03](https://developer.android.com/jetpack/androidx/releases/wear-compose#1.8.0-alpha03)

```
val LocalTimeSource: ProvidableCompositionLocal<TimeSource>
```

CompositionLocal providing the `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/TimeSource` for `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/TimeText.composable#TimeText(androidx.compose.ui.Modifier,androidx.wear.compose.foundation.CurvedModifier,kotlin.Float,androidx.compose.ui.graphics.Color,androidx.wear.compose.material3.TimeSource,androidx.compose.foundation.layout.PaddingValues,kotlin.Function2)`.

This provides the mechanism to override the time source for composables that may display `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/TimeText.composable#TimeText(androidx.compose.ui.Modifier,androidx.wear.compose.foundation.CurvedModifier,kotlin.Float,androidx.compose.ui.graphics.Color,androidx.wear.compose.material3.TimeSource,androidx.compose.foundation.layout.PaddingValues,kotlin.Function2)` without providing a slot for an explicit `timeSource` parameter, such as the fallback `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/TimeText.composable#TimeText(androidx.compose.ui.Modifier,androidx.wear.compose.foundation.CurvedModifier,kotlin.Float,androidx.compose.ui.graphics.Color,androidx.wear.compose.material3.TimeSource,androidx.compose.foundation.layout.PaddingValues,kotlin.Function2)` provided by `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/AppScaffold.composable#AppScaffold(androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,kotlin.Function1)` or `https://developer.android.com/reference/kotlin/androidx/wear/compose/material3/ScreenScaffold.composable#ScreenScaffold(androidx.wear.compose.foundation.lazy.ScalingLazyListState,kotlin.Function1,androidx.compose.ui.Modifier,androidx.compose.foundation.layout.PaddingValues,kotlin.Function1,androidx.compose.ui.unit.Dp,androidx.compose.foundation.OverscrollEffect,kotlin.Function2)` for platform builds that do not support the system status bar.

Example of providing a fixed time for testing:

```kotlin
import androidx.compose.runtime.Composable
import androidx.compose.runtime.CompositionLocalProvider
import androidx.compose.runtime.remember
import androidx.wear.compose.material3.LocalTimeSource
import androidx.wear.compose.material3.TimeSource
import androidx.wear.compose.material3.TimeText

val fixedTimeSource = remember {
    object : TimeSource {
        @Composable override fun currentTime(): String = "12:34"
    }
}

CompositionLocalProvider(LocalTimeSource provides fixedTimeSource) { TimeText() }
```