# androidx.compose.material

Common/AllAndroid/JVM

Build Jetpack Compose UIs with ready to use Material Design Components. This is the higher level entry point of Compose, designed to provide components that match those described at [material.io](https://material.io).

![Material Design image](https://developer.android.com/images/reference/androidx/compose/material/material-design.png)

In this page, you'll find documentation for types, properties, and functions available in the `androidx.compose.material` package.

For more information, check out the [Material Theming in Compose](https://developer.android.com/jetpack/compose/themes/material) guide.

## Overview

### Theming

[Material Theming](https://material.io/design/material-theming/overview.html) refers to the customization of your Material Design app to better reflect your product's brand.

|---|---|---|
|   | **APIs** | **Description** |
| **Material Theming** | `https://developer.android.com/reference/kotlin/androidx/compose/material/MaterialTheme` | Material Theme |
| **Color** | `https://developer.android.com/reference/kotlin/androidx/compose/material/Colors` | Material Design color system |
| **Typography** | `https://developer.android.com/reference/kotlin/androidx/compose/material/Typography` | Material Design type scale |
| **Shape** | `https://developer.android.com/reference/kotlin/androidx/compose/material/Shapes` | Material Design shape |

### Components

[Material Components](https://material.io/components) are interactive building blocks for creating a user interface.

|---|---|---|
|   | **APIs** | **Description** |
| **App bars: bottom** | `https://developer.android.com/reference/kotlin/androidx/compose/material/BottomAppBar.composable#BottomAppBar(androidx.compose.foundation.layout.WindowInsets,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Shape,androidx.compose.ui.unit.Dp,androidx.compose.foundation.layout.PaddingValues,kotlin.Function1)` | Bottom app bar |
| **App bars: top** | `https://developer.android.com/reference/kotlin/androidx/compose/material/TopAppBar.composable#TopAppBar(kotlin.Function0,androidx.compose.foundation.layout.WindowInsets,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.Function1,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.Dp)` | Top app bar |
| **Backdrop** | `https://developer.android.com/reference/kotlin/androidx/compose/material/BackdropScaffold.composable#BackdropScaffold(kotlin.Function0,kotlin.Function0,kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.material.BackdropScaffoldState,kotlin.Function1,kotlin.Boolean,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,kotlin.Boolean,kotlin.Boolean,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Shape,androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color)` | Backdrop |
| **Bottom navigation** | `https://developer.android.com/reference/kotlin/androidx/compose/material/BottomNavigation.composable#BottomNavigation(androidx.compose.foundation.layout.WindowInsets,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.Dp,kotlin.Function1)` | Bottom navigation |
| **Buttons** | `https://developer.android.com/reference/kotlin/androidx/compose/material/Button.composable#Button(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.material.ButtonElevation,androidx.compose.ui.graphics.Shape,androidx.compose.foundation.BorderStroke,androidx.compose.material.ButtonColors,androidx.compose.foundation.layout.PaddingValues,kotlin.Function1)` | Contained button |
|   | `https://developer.android.com/reference/kotlin/androidx/compose/material/OutlinedButton.composable#OutlinedButton(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.material.ButtonElevation,androidx.compose.ui.graphics.Shape,androidx.compose.foundation.BorderStroke,androidx.compose.material.ButtonColors,androidx.compose.foundation.layout.PaddingValues,kotlin.Function1)` | Outlined button |
|   | `https://developer.android.com/reference/kotlin/androidx/compose/material/TextButton.composable#TextButton(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.material.ButtonElevation,androidx.compose.ui.graphics.Shape,androidx.compose.foundation.BorderStroke,androidx.compose.material.ButtonColors,androidx.compose.foundation.layout.PaddingValues,kotlin.Function1)` | Text button |
| **Buttons: floating action button** | `https://developer.android.com/reference/kotlin/androidx/compose/material/FloatingActionButton.composable#FloatingActionButton(kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.ui.graphics.Shape,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.material.FloatingActionButtonElevation,kotlin.Function0)` | Floating action button |
|   | `https://developer.android.com/reference/kotlin/androidx/compose/material/ExtendedFloatingActionButton.composable#ExtendedFloatingActionButton(kotlin.Function0,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function0,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.ui.graphics.Shape,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.material.FloatingActionButtonElevation)` | Extended floating action button |
| **Cards** | `https://developer.android.com/reference/kotlin/androidx/compose/material/Card.composable#Card(androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Shape,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.foundation.BorderStroke,androidx.compose.ui.unit.Dp,kotlin.Function0)` | Card |
| **Checkboxes** | `https://developer.android.com/reference/kotlin/androidx/compose/material/Checkbox.composable#Checkbox(kotlin.Boolean,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.material.CheckboxColors)` | Checkbox |
|   | `https://developer.android.com/reference/kotlin/androidx/compose/material/TriStateCheckbox.composable#TriStateCheckbox(androidx.compose.ui.state.ToggleableState,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.material.CheckboxColors)` | Parent checkbox |
| **Dialogs** | `https://developer.android.com/reference/kotlin/androidx/compose/material/AlertDialog.composable#AlertDialog(kotlin.Function0,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.Function0,kotlin.Function0,androidx.compose.ui.graphics.Shape,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.window.DialogProperties)` | Alert dialog |
| **Dividers** | `https://developer.android.com/reference/kotlin/androidx/compose/material/Divider.composable#Divider(androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp)` | Divider |
| **Lists** | `https://developer.android.com/reference/kotlin/androidx/compose/material/ListItem.composable#ListItem(androidx.compose.ui.Modifier,kotlin.Function0,kotlin.Function0,kotlin.Boolean,kotlin.Function0,kotlin.Function0,kotlin.Function0)` | List item |
| **Menus** | `https://developer.android.com/reference/kotlin/androidx/compose/material/DropdownMenu.composable#DropdownMenu(kotlin.Boolean,kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.ui.unit.DpOffset,androidx.compose.foundation.ScrollState,androidx.compose.ui.window.PopupProperties,kotlin.Function1)` | Dropdown menu |
|   | `https://developer.android.com/reference/kotlin/androidx/compose/material/DropdownMenuItem.composable#DropdownMenuItem(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)` | Dropdown menu item |
| **Navigation drawer** | `https://developer.android.com/reference/kotlin/androidx/compose/material/ModalDrawer.composable#ModalDrawer(kotlin.Function1,androidx.compose.ui.Modifier,androidx.compose.material.DrawerState,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,kotlin.Function0)` | Modal navigation drawer |
|   | `https://developer.android.com/reference/kotlin/androidx/compose/material/BottomDrawer.composable#BottomDrawer(kotlin.Function1,androidx.compose.ui.Modifier,androidx.compose.material.BottomDrawerState,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,kotlin.Function0)` | Bottom navigation drawer |
| **Progress indicators** | `https://developer.android.com/reference/kotlin/androidx/compose/material/LinearProgressIndicator.composable#LinearProgressIndicator(kotlin.Float,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.StrokeCap)` | Linear progress indicator |
|   | `https://developer.android.com/reference/kotlin/androidx/compose/material/CircularProgressIndicator.composable#CircularProgressIndicator(kotlin.Float,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.StrokeCap)` | Circular progress indicator |
| **Radio buttons** | `https://developer.android.com/reference/kotlin/androidx/compose/material/RadioButton.composable#RadioButton(kotlin.Boolean,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.material.RadioButtonColors)` | Radio button |
| **Sheets: bottom** | `https://developer.android.com/reference/kotlin/androidx/compose/material/BottomSheetScaffold.composable#BottomSheetScaffold(kotlin.Function1,androidx.compose.ui.Modifier,androidx.compose.material.BottomSheetScaffoldState,kotlin.Function0,kotlin.Function1,kotlin.Function0,androidx.compose.material.FabPosition,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,kotlin.Function1)` | Standard bottom sheet |
|   | `https://developer.android.com/reference/kotlin/androidx/compose/material/ModalBottomSheetLayout.composable#ModalBottomSheetLayout(kotlin.Function1,androidx.compose.ui.Modifier,androidx.compose.material.ModalBottomSheetState,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,kotlin.Function0)` | Modal bottom sheet |
| **Sliders** | `https://developer.android.com/reference/kotlin/androidx/compose/material/Slider.composable#Slider(kotlin.Float,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.ranges.ClosedFloatingPointRange,kotlin.Int,kotlin.Function0,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.material.SliderColors)` | Slider |
| **Snackbars** | `https://developer.android.com/reference/kotlin/androidx/compose/material/Snackbar.composable#Snackbar(androidx.compose.ui.Modifier,kotlin.Function0,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.Dp,kotlin.Function0)` | Snackbar |
| **Switches** | `https://developer.android.com/reference/kotlin/androidx/compose/material/Switch.composable#Switch(kotlin.Boolean,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.material.SwitchColors)` | Switch |
| **Tabs** | `https://developer.android.com/reference/kotlin/androidx/compose/material/Tab.composable#Tab(kotlin.Boolean,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Function0,kotlin.Function0,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color)` | Tab |
|   | `https://developer.android.com/reference/kotlin/androidx/compose/material/LeadingIconTab.composable#LeadingIconTab(kotlin.Boolean,kotlin.Function0,kotlin.Function0,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color)` | Icon tab |
|   | `https://developer.android.com/reference/kotlin/androidx/compose/material/TabRow.composable#TabRow(kotlin.Int,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,kotlin.Function1,kotlin.Function0,kotlin.Function0)` | Fixed tabs |
|   | `https://developer.android.com/reference/kotlin/androidx/compose/material/ScrollableTabRow.composable#ScrollableTabRow(kotlin.Int,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.Dp,kotlin.Function1,kotlin.Function0,kotlin.Function0)` | Scrollable tabs |
| **Text fields** | `https://developer.android.com/reference/kotlin/androidx/compose/material/TextField.composable#TextField(androidx.compose.foundation.text.input.TextFieldState,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Boolean,androidx.compose.ui.text.TextStyle,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Boolean,androidx.compose.foundation.text.input.InputTransformation,androidx.compose.foundation.text.input.OutputTransformation,androidx.compose.foundation.text.KeyboardOptions,androidx.compose.foundation.text.input.KeyboardActionHandler,androidx.compose.foundation.text.input.TextFieldLineLimits,androidx.compose.foundation.ScrollState,androidx.compose.ui.graphics.Shape,androidx.compose.material.TextFieldColors,androidx.compose.foundation.interaction.MutableInteractionSource)` | Filled text field |
|   | `https://developer.android.com/reference/kotlin/androidx/compose/material/OutlinedTextField.composable#OutlinedTextField(androidx.compose.foundation.text.input.TextFieldState,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Boolean,androidx.compose.ui.text.TextStyle,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Boolean,androidx.compose.foundation.text.input.InputTransformation,androidx.compose.foundation.text.input.OutputTransformation,androidx.compose.foundation.text.KeyboardOptions,androidx.compose.foundation.text.input.KeyboardActionHandler,androidx.compose.foundation.text.input.TextFieldLineLimits,androidx.compose.foundation.ScrollState,androidx.compose.ui.graphics.Shape,androidx.compose.material.TextFieldColors,androidx.compose.foundation.interaction.MutableInteractionSource)` | Outlined text field |

### Dark theme

A [dark theme](https://material.io/design/color/dark-theme.html) is a low-light UI that displays mostly dark surfaces.

|---|---|---|
|   | **APIs** | **Description** |
| **System** | `https://developer.android.com/reference/kotlin/androidx/compose/foundation/isSystemInDarkTheme.composable#isSystemInDarkTheme()` | System dark theme |
| **Elevation** | `https://developer.android.com/reference/kotlin/androidx/compose/material/ElevationOverlay` | Elevation overlay |
| **Color** | `https://developer.android.com/reference/kotlin/androidx/compose/material/package-summary#(androidx.compose.material.Colors).primarySurface()` | Primary surface color |

### Surfaces and layout

Material Design defines the qualities that can be expressed by UI regions, surfaces, and components.

|---|---|---|
|   | **APIs** | **Description** |
| **Surfaces** | `https://developer.android.com/reference/kotlin/androidx/compose/material/Surface.composable#Surface(androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Shape,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.foundation.BorderStroke,androidx.compose.ui.unit.Dp,kotlin.Function0)` | Material surface |
| **Layout** | `https://developer.android.com/reference/kotlin/androidx/compose/material/Scaffold.composable#Scaffold(androidx.compose.foundation.layout.WindowInsets,androidx.compose.ui.Modifier,androidx.compose.material.ScaffoldState,kotlin.Function0,kotlin.Function0,kotlin.Function1,kotlin.Function0,androidx.compose.material.FabPosition,kotlin.Boolean,kotlin.Function1,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.ui.unit.Dp,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,kotlin.Function1)` | Basic Material Design visual layout structure |

### Icons

|---|---|---|
|   | **APIs** | **Description** |
| **Icon** | `https://developer.android.com/reference/kotlin/androidx/compose/material/Icon.composable#Icon(androidx.compose.ui.graphics.vector.ImageVector,kotlin.String,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color)` | Icon |
| **Icon button** | `https://developer.android.com/reference/kotlin/androidx/compose/material/IconButton.composable#IconButton(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function0)` | Icon button |
| **Icon toggle button** | `https://developer.android.com/reference/kotlin/androidx/compose/material/IconToggleButton.composable#IconToggleButton(kotlin.Boolean,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function0)` | Icon toggle button |

Also check out the [androidx.compose.material.icons package](https://developer.android.com/reference/kotlin/androidx/compose/material/icons/package-summary).

## Interfaces

|---|---|---|
| `https://developer.android.com/reference/kotlin/androidx/compose/material/ButtonColors` | Represents the background and content colors used in a button in different states. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/ButtonElevation` | Represents the elevation for a button in different states. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/CheckboxColors` | Represents the colors used by the three different sections (checkmark, box, and border) of a `https://developer.android.com/reference/kotlin/androidx/compose/material/Checkbox.composable#Checkbox(kotlin.Boolean,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.material.CheckboxColors)` or `https://developer.android.com/reference/kotlin/androidx/compose/material/TriStateCheckbox.composable#TriStateCheckbox(androidx.compose.ui.state.ToggleableState,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.material.CheckboxColors)` in different states. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/ChipColors` | Represents the background and content colors used in a clickable chip in different states. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/ElevationOverlay` | An ElevationOverlay is an overlay applied to the background color of `https://developer.android.com/reference/kotlin/androidx/compose/material/Surface.composable#Surface(androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Shape,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.foundation.BorderStroke,androidx.compose.ui.unit.Dp,kotlin.Function0)` components, used to emphasize elevation in dark theme, where shadows are not as visible. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/FloatingActionButtonElevation` | Represents the elevation for a floating action button in different states. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/RadioButtonColors` | Represents the color used by a `https://developer.android.com/reference/kotlin/androidx/compose/material/RadioButton.composable#RadioButton(kotlin.Boolean,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.material.RadioButtonColors)` in different states. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/SelectableChipColors` | Represents the background and content colors used in a selectable chip in different states. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/SliderColors` | Represents the colors used by a `https://developer.android.com/reference/kotlin/androidx/compose/material/Slider.composable#Slider(kotlin.Float,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.ranges.ClosedFloatingPointRange,kotlin.Int,kotlin.Function0,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.material.SliderColors)` and its parts in different states | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/SnackbarData` | Interface to represent one particular `https://developer.android.com/reference/kotlin/androidx/compose/material/Snackbar.composable#Snackbar(androidx.compose.ui.Modifier,kotlin.Function0,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.Dp,kotlin.Function0)` as a piece of the `https://developer.android.com/reference/kotlin/androidx/compose/material/SnackbarHostState` | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/SwitchColors` | Represents the colors used by a `https://developer.android.com/reference/kotlin/androidx/compose/material/Switch.composable#Switch(kotlin.Boolean,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.material.SwitchColors)` in different states | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/TextFieldColors` | Represents the colors of the input text, background and content (including label, placeholder, leading and trailing icons) used in a text field in different states. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/TextFieldColorsWithIcons` | **This interface is deprecated.** Empty interface; use parent TextFieldColors instead | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/ThresholdConfig` | **This interface is deprecated.** Material's Swipeable has been replaced by Foundation's AnchoredDraggable APIs. | Cmn |

## Classes

|---|---|---|
| `https://developer.android.com/reference/kotlin/androidx/compose/material/BackdropScaffoldState` | State of the `https://developer.android.com/reference/kotlin/androidx/compose/material/BackdropScaffold.composable#BackdropScaffold(kotlin.Function0,kotlin.Function0,kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.material.BackdropScaffoldState,kotlin.Function1,kotlin.Boolean,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,kotlin.Boolean,kotlin.Boolean,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Shape,androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color)` composable. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/BottomDrawerState` | State of the `https://developer.android.com/reference/kotlin/androidx/compose/material/BottomDrawer.composable#BottomDrawer(kotlin.Function1,androidx.compose.ui.Modifier,androidx.compose.material.BottomDrawerState,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,kotlin.Function0)` composable. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/BottomSheetScaffoldState` | State of the `https://developer.android.com/reference/kotlin/androidx/compose/material/BottomSheetScaffold.composable#BottomSheetScaffold(kotlin.Function1,androidx.compose.ui.Modifier,androidx.compose.material.BottomSheetScaffoldState,kotlin.Function0,kotlin.Function1,kotlin.Function0,androidx.compose.material.FabPosition,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,kotlin.Function1)` composable. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/BottomSheetState` | State of the persistent bottom sheet in `https://developer.android.com/reference/kotlin/androidx/compose/material/BottomSheetScaffold.composable#BottomSheetScaffold(kotlin.Function1,androidx.compose.ui.Modifier,androidx.compose.material.BottomSheetScaffoldState,kotlin.Function0,kotlin.Function1,kotlin.Function0,androidx.compose.material.FabPosition,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,kotlin.Function1)`. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/Colors` | [Material Design color system](https://material.io/design/color/the-color-system.html) | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/DismissState` | State of the `https://developer.android.com/reference/kotlin/androidx/compose/material/SwipeToDismiss.composable#SwipeToDismiss(androidx.compose.material.DismissState,androidx.compose.ui.Modifier,kotlin.collections.Set,kotlin.Function1,kotlin.Function1,kotlin.Function1)` composable. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/DrawerState` | State of the `https://developer.android.com/reference/kotlin/androidx/compose/material/ModalDrawer.composable#ModalDrawer(kotlin.Function1,androidx.compose.ui.Modifier,androidx.compose.material.DrawerState,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,kotlin.Function0)` composable. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/ExposedDropdownMenuBoxScope` | Scope for `https://developer.android.com/reference/kotlin/androidx/compose/material/ExposedDropdownMenuBox.composable#ExposedDropdownMenuBox(kotlin.Boolean,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function1)`. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/FabPosition` | The possible positions for a `https://developer.android.com/reference/kotlin/androidx/compose/material/FloatingActionButton.composable#FloatingActionButton(kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.ui.graphics.Shape,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.material.FloatingActionButtonElevation,kotlin.Function0)` attached to a `https://developer.android.com/reference/kotlin/androidx/compose/material/Scaffold.composable#Scaffold(androidx.compose.foundation.layout.WindowInsets,androidx.compose.ui.Modifier,androidx.compose.material.ScaffoldState,kotlin.Function0,kotlin.Function0,kotlin.Function1,kotlin.Function0,androidx.compose.material.FabPosition,kotlin.Boolean,kotlin.Function1,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.ui.unit.Dp,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,kotlin.Function1)`. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/FixedThreshold` | **This class is deprecated.** Material's Swipeable has been replaced by Foundation's AnchoredDraggable APIs. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/FractionalThreshold` | **This class is deprecated.** Material's Swipeable has been replaced by Foundation's AnchoredDraggable APIs. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/ModalBottomSheetState` | State of the `https://developer.android.com/reference/kotlin/androidx/compose/material/ModalBottomSheetLayout.composable#ModalBottomSheetLayout(kotlin.Function1,androidx.compose.ui.Modifier,androidx.compose.material.ModalBottomSheetState,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,kotlin.Function0)` composable. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/ResistanceConfig` | **This class is deprecated.** Material's Swipeable has been replaced by Foundation's AnchoredDraggable APIs. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/RippleConfiguration` | Configuration for `https://developer.android.com/reference/kotlin/androidx/compose/material/package-summary#ripple(kotlin.Boolean,androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Color)` appearance, provided using `https://developer.android.com/reference/kotlin/androidx/compose/material/package-summary#LocalRippleConfiguration()`. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/ScaffoldState` | State for `https://developer.android.com/reference/kotlin/androidx/compose/material/Scaffold.composable#Scaffold(androidx.compose.foundation.layout.WindowInsets,androidx.compose.ui.Modifier,androidx.compose.material.ScaffoldState,kotlin.Function0,kotlin.Function0,kotlin.Function1,kotlin.Function0,androidx.compose.material.FabPosition,kotlin.Boolean,kotlin.Function1,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.ui.unit.Dp,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,kotlin.Function1)` composable component. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/Shapes` | [Material Design shape](https://material.io/design/shape/about-shape.html) | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/SnackbarHostState` | State of the `https://developer.android.com/reference/kotlin/androidx/compose/material/SnackbarHost.composable#SnackbarHost(androidx.compose.material.SnackbarHostState,androidx.compose.ui.Modifier,kotlin.Function1)`, controls the queue and the current `https://developer.android.com/reference/kotlin/androidx/compose/material/Snackbar.composable#Snackbar(androidx.compose.ui.Modifier,kotlin.Function0,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.Dp,kotlin.Function0)` being shown inside the `https://developer.android.com/reference/kotlin/androidx/compose/material/SnackbarHost.composable#SnackbarHost(androidx.compose.material.SnackbarHostState,androidx.compose.ui.Modifier,kotlin.Function1)`. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/SwipeProgress` | **This class is deprecated.** Material's Swipeable has been replaced by Foundation's AnchoredDraggable APIs. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/SwipeableState` | **This class is deprecated.** Material's Swipeable has been replaced by Foundation's AnchoredDraggable APIs. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/TabPosition` | Data class that contains information about a tab's position on screen, used for calculating where to place the indicator that shows which tab is selected. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/Typography` | [Material Design type scale](https://material.io/design/typography/the-type-system.html#type-scale) | Cmn |

## Objects

|---|---|---|
| `https://developer.android.com/reference/kotlin/androidx/compose/material/AppBarDefaults` | Contains default values used for `https://developer.android.com/reference/kotlin/androidx/compose/material/TopAppBar.composable#TopAppBar(kotlin.Function0,androidx.compose.foundation.layout.WindowInsets,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.Function1,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.Dp)` and `https://developer.android.com/reference/kotlin/androidx/compose/material/BottomAppBar.composable#BottomAppBar(androidx.compose.foundation.layout.WindowInsets,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Shape,androidx.compose.ui.unit.Dp,androidx.compose.foundation.layout.PaddingValues,kotlin.Function1)`. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/BackdropScaffoldDefaults` | Contains useful defaults for `https://developer.android.com/reference/kotlin/androidx/compose/material/BackdropScaffold.composable#BackdropScaffold(kotlin.Function0,kotlin.Function0,kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.material.BackdropScaffoldState,kotlin.Function1,kotlin.Boolean,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,kotlin.Boolean,kotlin.Boolean,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Shape,androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color)`. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/BottomNavigationDefaults` | Contains default values used for `https://developer.android.com/reference/kotlin/androidx/compose/material/BottomNavigation.composable#BottomNavigation(androidx.compose.foundation.layout.WindowInsets,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.Dp,kotlin.Function1)`. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/BottomSheetScaffoldDefaults` | Contains useful defaults for `https://developer.android.com/reference/kotlin/androidx/compose/material/BottomSheetScaffold.composable#BottomSheetScaffold(kotlin.Function1,androidx.compose.ui.Modifier,androidx.compose.material.BottomSheetScaffoldState,kotlin.Function0,kotlin.Function1,kotlin.Function0,androidx.compose.material.FabPosition,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,kotlin.Function1)`. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/ButtonDefaults` | Contains the default values used by `https://developer.android.com/reference/kotlin/androidx/compose/material/Button.composable#Button(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.material.ButtonElevation,androidx.compose.ui.graphics.Shape,androidx.compose.foundation.BorderStroke,androidx.compose.material.ButtonColors,androidx.compose.foundation.layout.PaddingValues,kotlin.Function1)` | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/CheckboxDefaults` | Defaults used in `https://developer.android.com/reference/kotlin/androidx/compose/material/Checkbox.composable#Checkbox(kotlin.Boolean,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.material.CheckboxColors)` and `https://developer.android.com/reference/kotlin/androidx/compose/material/TriStateCheckbox.composable#TriStateCheckbox(androidx.compose.ui.state.ToggleableState,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.material.CheckboxColors)`. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/ChipDefaults` | Contains the baseline values used by chips. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/ContentAlpha` | Default alpha levels used by Material components. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/DrawerDefaults` | Object to hold default values for `https://developer.android.com/reference/kotlin/androidx/compose/material/ModalDrawer.composable#ModalDrawer(kotlin.Function1,androidx.compose.ui.Modifier,androidx.compose.material.DrawerState,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,kotlin.Function0)` and `https://developer.android.com/reference/kotlin/androidx/compose/material/BottomDrawer.composable#BottomDrawer(kotlin.Function1,androidx.compose.ui.Modifier,androidx.compose.material.BottomDrawerState,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,kotlin.Function0)` | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/ExposedDropdownMenuDefaults` | Contains default values used by Exposed Dropdown Menu. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/FloatingActionButtonDefaults` | Contains the default values used by `https://developer.android.com/reference/kotlin/androidx/compose/material/FloatingActionButton.composable#FloatingActionButton(kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.ui.graphics.Shape,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.material.FloatingActionButtonElevation,kotlin.Function0)` | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/MaterialTheme` | Contains functions to access the current theme values provided at the call site's position in the hierarchy. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/MenuDefaults` | Contains default values used for `https://developer.android.com/reference/kotlin/androidx/compose/material/DropdownMenuItem.composable#DropdownMenuItem(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.foundation.layout.PaddingValues,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function1)`. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/ModalBottomSheetDefaults` | Contains useful Defaults for `https://developer.android.com/reference/kotlin/androidx/compose/material/ModalBottomSheetLayout.composable#ModalBottomSheetLayout(kotlin.Function1,androidx.compose.ui.Modifier,androidx.compose.material.ModalBottomSheetState,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,kotlin.Function0)`. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/NavigationRailDefaults` | Contains default values used for `https://developer.android.com/reference/kotlin/androidx/compose/material/NavigationRail.composable#NavigationRail(androidx.compose.foundation.layout.WindowInsets,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.Dp,kotlin.Function1,kotlin.Function1)`. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/ProgressIndicatorDefaults` | Contains the default values used for `https://developer.android.com/reference/kotlin/androidx/compose/material/LinearProgressIndicator.composable#LinearProgressIndicator(kotlin.Float,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.StrokeCap)` and `https://developer.android.com/reference/kotlin/androidx/compose/material/CircularProgressIndicator.composable#CircularProgressIndicator(kotlin.Float,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.StrokeCap)`. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/RadioButtonDefaults` | Defaults used in `https://developer.android.com/reference/kotlin/androidx/compose/material/RadioButton.composable#RadioButton(kotlin.Boolean,kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.material.RadioButtonColors)`. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/RippleDefaults` | Default values used by `https://developer.android.com/reference/kotlin/androidx/compose/material/package-summary#ripple(kotlin.Boolean,androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Color)`. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/ScaffoldDefaults` | Object containing various default values for `https://developer.android.com/reference/kotlin/androidx/compose/material/Scaffold.composable#Scaffold(androidx.compose.foundation.layout.WindowInsets,androidx.compose.ui.Modifier,androidx.compose.material.ScaffoldState,kotlin.Function0,kotlin.Function0,kotlin.Function1,kotlin.Function0,androidx.compose.material.FabPosition,kotlin.Boolean,kotlin.Function1,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.ui.unit.Dp,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,kotlin.Function1)` component. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/SliderDefaults` | Object to hold defaults used by `https://developer.android.com/reference/kotlin/androidx/compose/material/Slider.composable#Slider(kotlin.Float,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.ranges.ClosedFloatingPointRange,kotlin.Int,kotlin.Function0,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.material.SliderColors)` | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/SnackbarDefaults` | Object to hold defaults used by `https://developer.android.com/reference/kotlin/androidx/compose/material/Snackbar.composable#Snackbar(androidx.compose.ui.Modifier,kotlin.Function0,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.Dp,kotlin.Function0)` | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/SwipeableDefaults` | **This object is deprecated.** Material's Swipeable has been replaced by Foundation's AnchoredDraggable APIs. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/SwitchDefaults` | Contains the default values used by `https://developer.android.com/reference/kotlin/androidx/compose/material/Switch.composable#Switch(kotlin.Boolean,kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.material.SwitchColors)` | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/TabRowDefaults` | Contains default implementations and values used for TabRow. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/TextFieldDefaults` | Contains the default values used by `https://developer.android.com/reference/kotlin/androidx/compose/material/TextField.composable#TextField(androidx.compose.foundation.text.input.TextFieldState,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Boolean,androidx.compose.ui.text.TextStyle,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Boolean,androidx.compose.foundation.text.input.InputTransformation,androidx.compose.foundation.text.input.OutputTransformation,androidx.compose.foundation.text.KeyboardOptions,androidx.compose.foundation.text.input.KeyboardActionHandler,androidx.compose.foundation.text.input.TextFieldLineLimits,androidx.compose.foundation.ScrollState,androidx.compose.ui.graphics.Shape,androidx.compose.material.TextFieldColors,androidx.compose.foundation.interaction.MutableInteractionSource)` and `https://developer.android.com/reference/kotlin/androidx/compose/material/OutlinedTextField.composable#OutlinedTextField(androidx.compose.foundation.text.input.TextFieldState,androidx.compose.ui.Modifier,kotlin.Boolean,kotlin.Boolean,androidx.compose.ui.text.TextStyle,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Boolean,androidx.compose.foundation.text.input.InputTransformation,androidx.compose.foundation.text.input.OutputTransformation,androidx.compose.foundation.text.KeyboardOptions,androidx.compose.foundation.text.input.KeyboardActionHandler,androidx.compose.foundation.text.input.TextFieldLineLimits,androidx.compose.foundation.ScrollState,androidx.compose.ui.graphics.Shape,androidx.compose.material.TextFieldColors,androidx.compose.foundation.interaction.MutableInteractionSource)`. | Cmn |

## Annotations

|---|---|---|
| `https://developer.android.com/reference/kotlin/androidx/compose/material/ExperimentalMaterialApi` |   | Cmn |

## Enums

|---|---|---|
| `https://developer.android.com/reference/kotlin/androidx/compose/material/BackdropValue` | Possible values of `https://developer.android.com/reference/kotlin/androidx/compose/material/BackdropScaffoldState`. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/BottomDrawerValue` | Possible values of `https://developer.android.com/reference/kotlin/androidx/compose/material/BottomDrawerState`. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/BottomSheetValue` | Possible values of `https://developer.android.com/reference/kotlin/androidx/compose/material/BottomSheetState`. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/DismissDirection` | The directions in which a `https://developer.android.com/reference/kotlin/androidx/compose/material/SwipeToDismiss.composable#SwipeToDismiss(androidx.compose.material.DismissState,androidx.compose.ui.Modifier,kotlin.collections.Set,kotlin.Function1,kotlin.Function1,kotlin.Function1)` can be dismissed. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/DismissValue` | Possible values of `https://developer.android.com/reference/kotlin/androidx/compose/material/DismissState`. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/DrawerValue` | Possible values of `https://developer.android.com/reference/kotlin/androidx/compose/material/DrawerState`. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/ModalBottomSheetValue` | Possible values of `https://developer.android.com/reference/kotlin/androidx/compose/material/ModalBottomSheetState`. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/SnackbarDuration` | Possible durations of the `https://developer.android.com/reference/kotlin/androidx/compose/material/Snackbar.composable#Snackbar(androidx.compose.ui.Modifier,kotlin.Function0,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.Dp,kotlin.Function0)` in `https://developer.android.com/reference/kotlin/androidx/compose/material/SnackbarHost.composable#SnackbarHost(androidx.compose.material.SnackbarHostState,androidx.compose.ui.Modifier,kotlin.Function1)` | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/SnackbarResult` | Possible results of the `https://developer.android.com/reference/kotlin/androidx/compose/material/SnackbarHostState#showSnackbar(kotlin.String,kotlin.String,androidx.compose.material.SnackbarDuration)` call | Cmn |

## Composables

|---|---|---|
| `https://developer.android.com/reference/kotlin/androidx/compose/material/AlertDialog.composable` | [Material Design alert dialog](https://material.io/components/dialogs#alert-dialog) | Cmn android |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/BackdropScaffold.composable` | [Material Design backdrop](https://material.io/components/backdrop) | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/Badge.composable` | Badge is a component that can contain dynamic information, such as the presence of a new notification or a number of pending requests. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/BadgedBox.composable` | A BadgeBox is used to decorate `https://developer.android.com/reference/kotlin/androidx/compose/material/package-summary#BadgedBox(kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function1)` with a `https://developer.android.com/reference/kotlin/androidx/compose/material/package-summary#BadgedBox(kotlin.Function1,androidx.compose.ui.Modifier,kotlin.Function1)` that can contain dynamic information, such as the presence of a new notification or a number of pending requests. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/BottomAppBar.composable` | [Material Design bottom app bar](https://material.io/components/app-bars-bottom) | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/BottomDrawer.composable` | [Material Design bottom navigation drawer](https://material.io/components/navigation-drawer#bottom-drawer) | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/BottomNavigation.composable` | [Material Design bottom navigation](https://material.io/components/bottom-navigation) | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/BottomNavigationItem.composable` | [Material Design bottom navigation](https://material.io/components/bottom-navigation) | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/BottomSheetScaffold.composable` | [Material Design standard bottom sheet](https://material.io/components/sheets-bottom#standard-bottom-sheet) | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/Button.composable` | [Material Design contained button](https://material.io/components/buttons#contained-button) | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/Card.composable` | [Material Design card](https://material.io/components/cards) | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/Checkbox.composable` | [Material Design checkbox](https://material.io/components/checkboxes) | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/Chip.composable` | [Material Design action chip](https://material.io/components/chips#action-chips). | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/CircularProgressIndicator.composable` | Indeterminate [Material Design circular progress indicator]("https://material.io/components/progress-indicators#circular-progress-indicators"). | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/Divider.composable` | [Material Design divider](https://material.io/components/dividers) | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/DropdownMenu.composable` | [Material Design dropdown menu](https://material.io/components/menus#dropdown-menu) | Cmn android |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/DropdownMenuItem.composable` | [Material Design dropdown menu](https://material.io/components/menus#dropdown-menu) | Cmn android |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/ExposedDropdownMenuBox.composable` | [Material Design Exposed Dropdown Menu](https://material.io/components/menus#exposed-dropdown-menu). | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/ExtendedFloatingActionButton.composable` | [Material Design extended floating action button](https://material.io/components/buttons-floating-action-button#extended-fab) | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/FilterChip.composable` | [Material Design filter chip](https://material.io/components/chips#filter-chips) | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/FloatingActionButton.composable` | [Material Design floating action button](https://material.io/components/buttons-floating-action-button) | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/Icon.composable` | A Material Design icon component that draws `https://developer.android.com/reference/kotlin/androidx/compose/material/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/compose/material/package-summary#Icon(androidx.compose.ui.graphics.ImageBitmap,kotlin.String,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color)`, with a default value of `https://developer.android.com/reference/kotlin/androidx/compose/material/package-summary#LocalContentColor()`. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/IconButton.composable` | IconButton is a clickable icon, used to represent actions. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/IconToggleButton.composable` | An `https://developer.android.com/reference/kotlin/androidx/compose/material/IconButton.composable#IconButton(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,kotlin.Function0)` with two states, for icons that can be toggled 'on' and 'off', such as a bookmark icon, or a navigation icon that opens a drawer. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/LeadingIconTab.composable` | [Material Design tab](https://material.io/components/tabs) | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/LinearProgressIndicator.composable` | Indeterminate [Material Design linear progress indicator]("https://material.io/components/progress-indicators#linear-progress-indicators"). | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/ListItem.composable` | [Material Design list](https://material.io/components/lists) | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/MaterialTheme.composable` | [Material Theming](https://material.io/design/material-theming/overview.html) | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/ModalBottomSheetLayout.composable` | [Material Design modal bottom sheet](https://material.io/components/sheets-bottom#modal-bottom-sheet) | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/ModalDrawer.composable` | [Material Design modal navigation drawer](https://material.io/components/navigation-drawer#modal-drawer) | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/NavigationRail.composable` | [Material Design navigation rail](https://material.io/components/navigation-rail) | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/NavigationRailItem.composable` | [Material Design navigation rail](https://material.io/components/navigation-rail) | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/OutlinedButton.composable` | [Material Design outlined button](https://material.io/components/buttons#outlined-button) | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/OutlinedSecureTextField.composable` | [Material Design outlined text field for secure content](https://m2.material.io/components/text-fields#outlined-text-field) | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/OutlinedTextField.composable` | [Material Design outlined text field](https://m2.material.io/components/text-fields#outlined-text-field). | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/ProvideTextStyle.composable` | This function is used to set the current value of `https://developer.android.com/reference/kotlin/androidx/compose/material/package-summary#LocalTextStyle()`, merging the given style with the current style values for any missing attributes. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/RadioButton.composable` | [Material Design radio button](https://material.io/components/radio-buttons) | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/RangeSlider.composable` | [Material Design slider](https://material.io/components/sliders) | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/Scaffold.composable` | [Material Design layout](https://material.io/design/layout/understanding-layout.html) | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/ScrollableTabRow.composable` | [Material Design scrollable tabs](https://material.io/components/tabs#scrollable-tabs) | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/SecureTextField.composable` | [Material Design filled text field for secure content](https://m2.material.io/components/text-fields#filled-text-field) | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/Slider.composable` | [Material Design slider](https://material.io/components/sliders) | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/Snackbar.composable` | [Material Design snackbar](https://material.io/components/snackbars) | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/SnackbarHost.composable` | Host for `https://developer.android.com/reference/kotlin/androidx/compose/material/Snackbar.composable#Snackbar(androidx.compose.ui.Modifier,kotlin.Function0,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.Dp,kotlin.Function0)`s to be used in `https://developer.android.com/reference/kotlin/androidx/compose/material/Scaffold.composable#Scaffold(androidx.compose.foundation.layout.WindowInsets,androidx.compose.ui.Modifier,androidx.compose.material.ScaffoldState,kotlin.Function0,kotlin.Function0,kotlin.Function1,kotlin.Function0,androidx.compose.material.FabPosition,kotlin.Boolean,kotlin.Function1,kotlin.Boolean,androidx.compose.ui.graphics.Shape,androidx.compose.ui.unit.Dp,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,kotlin.Function1)` to properly show, hide and dismiss items based on material specification and the `https://developer.android.com/reference/kotlin/androidx/compose/material/package-summary#SnackbarHost(androidx.compose.material.SnackbarHostState,androidx.compose.ui.Modifier,kotlin.Function1)`. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/Surface.composable` | [Material Design surface](https://material.io/design/environment/surfaces.html) | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/SwipeToDismiss.composable` | A composable that can be dismissed by swiping left or right. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/Switch.composable` | [Material Design switch](https://material.io/components/switches) | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/Tab.composable` | [Material Design tab](https://material.io/components/tabs) | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/TabRow.composable` | [Material Design fixed tabs](https://material.io/components/tabs#fixed-tabs) | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/Text.composable` | High level element that displays text and provides semantics / accessibility information. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/TextButton.composable` | [Material Design text button](https://material.io/components/buttons#text-button) | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/TextField.composable` | [Material Design filled text field](https://m2.material.io/components/text-fields#filled-text-field). | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/TopAppBar.composable` | [Material Design top app bar](https://material.io/components/app-bars-top) | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/TriStateCheckbox.composable` | [Material Design checkbox](https://material.io/components/checkboxes) | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/contentColorFor.composable` | The Material color system contains pairs of colors that are typically used for the background and content color inside a component. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/rememberBackdropScaffoldState.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/compose/material/BackdropScaffoldState`. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/rememberBottomDrawerState.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/compose/material/BottomDrawerState`. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/rememberBottomSheetScaffoldState.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/compose/material/BottomSheetScaffoldState`. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/rememberBottomSheetState.composable` | Create a `https://developer.android.com/reference/kotlin/androidx/compose/material/BottomSheetState` and `https://developer.android.com/reference/kotlin/androidx/compose/runtime/remember.composable#remember(kotlin.Function0)` it. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/rememberDismissState.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/compose/material/DismissState`. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/rememberDrawerState.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/compose/material/DrawerState`. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/rememberModalBottomSheetState.composable` | Create a `https://developer.android.com/reference/kotlin/androidx/compose/material/ModalBottomSheetState` and `https://developer.android.com/reference/kotlin/androidx/compose/runtime/remember.composable#remember(kotlin.Function0)` it. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/rememberScaffoldState.composable` | Creates a `https://developer.android.com/reference/kotlin/androidx/compose/material/ScaffoldState` with the default animation clock and memoizes it. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/rememberSwipeableState.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/compose/material/SwipeableState` with the default animation clock. | Cmn |

## Modifiers

|---|---|---|
| `https://developer.android.com/reference/kotlin/androidx/compose/material/minimumInteractiveComponentSize.modifier` | Reserves at least 48.dp in size to disambiguate touch interactions if the element would measure smaller. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/swipeable.modifier` | Enable swipe gestures between a set of predefined states. | Cmn |

## Top-level functions summary

|---|---|---|
| `https://developer.android.com/reference/kotlin/androidx/compose/material/BackdropScaffoldState` | `https://developer.android.com/reference/kotlin/androidx/compose/material/package-summary#BackdropScaffoldState(androidx.compose.material.BackdropValue,androidx.compose.ui.unit.Density,androidx.compose.animation.core.AnimationSpec,kotlin.Function1,androidx.compose.material.SnackbarHostState)( initialValue: https://developer.android.com/reference/kotlin/androidx/compose/material/BackdropValue, density: https://developer.android.com/reference/kotlin/androidx/compose/ui/unit/Density, animationSpec: https://developer.android.com/reference/kotlin/androidx/compose/animation/core/AnimationSpec<https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-float/index.html>, confirmValueChange: (https://developer.android.com/reference/kotlin/androidx/compose/material/BackdropValue) -> https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-boolean/index.html, snackbarHostState: https://developer.android.com/reference/kotlin/androidx/compose/material/SnackbarHostState )` State of the persistent bottom sheet in `https://developer.android.com/reference/kotlin/androidx/compose/material/BackdropScaffold.composable#BackdropScaffold(kotlin.Function0,kotlin.Function0,kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.material.BackdropScaffoldState,kotlin.Function1,kotlin.Boolean,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,kotlin.Boolean,kotlin.Boolean,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Shape,androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color)`. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/Colors` | `https://developer.android.com/reference/kotlin/androidx/compose/material/package-summary#darkColors(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,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,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color)( primary: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color, primaryVariant: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color, secondary: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color, secondaryVariant: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color, background: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color, surface: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color, error: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color, onPrimary: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color, onSecondary: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color, onBackground: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color, onSurface: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color, onError: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color )` Creates a complete color definition for the [Material color specification](https://material.io/design/color/the-color-system.html#color-theme-creation) using the default dark theme values. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material/Colors` | `https://developer.android.com/reference/kotlin/androidx/compose/material/package-summary#lightColors(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,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,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color)( primary: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color, primaryVariant: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color, secondary: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color, secondaryVariant: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color, background: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color, surface: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color, error: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color, onPrimary: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color, onSecondary: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color, onBackground: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color, onSurface: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color, onError: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color )` Creates a complete color definition for the [Material color specification](https://material.io/design/color/the-color-system.html#color-theme-creation) using the default light theme values. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/foundation/IndicationNodeFactory` | `https://developer.android.com/reference/kotlin/androidx/compose/material/package-summary#ripple(kotlin.Boolean,androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Color)(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)` Creates a Ripple using the provided values and values inferred from the theme. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/foundation/IndicationNodeFactory` | `https://developer.android.com/reference/kotlin/androidx/compose/material/package-summary#ripple(androidx.compose.ui.graphics.ColorProducer,kotlin.Boolean,androidx.compose.ui.unit.Dp)(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)` Creates a Ripple using the provided values and values inferred from the theme. | Cmn |

## Extension functions summary

|---|---|---|
| `https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color` | `https://developer.android.com/reference/kotlin/androidx/compose/material/Colors.https://developer.android.com/reference/kotlin/androidx/compose/material/package-summary#(androidx.compose.material.Colors).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. | Cmn |

## Top-level properties summary

|---|---|---|
| `https://developer.android.com/reference/kotlin/androidx/compose/runtime/ProvidableCompositionLocal<https://developer.android.com/reference/kotlin/androidx/compose/ui/unit/Dp>` | `https://developer.android.com/reference/kotlin/androidx/compose/material/package-summary#LocalAbsoluteElevation()` CompositionLocal containing the current absolute elevation provided by `https://developer.android.com/reference/kotlin/androidx/compose/material/Surface.composable#Surface(androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Shape,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.foundation.BorderStroke,androidx.compose.ui.unit.Dp,kotlin.Function0)` components. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/runtime/ProvidableCompositionLocal<https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-float/index.html>` | `https://developer.android.com/reference/kotlin/androidx/compose/material/package-summary#LocalContentAlpha()` CompositionLocal containing the preferred content alpha for a given position in the hierarchy. | Cmn |
| `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/compose/material/package-summary#LocalContentColor()` CompositionLocal containing the preferred content color for a given position in the hierarchy. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/runtime/ProvidableCompositionLocal<https://developer.android.com/reference/kotlin/androidx/compose/material/ElevationOverlay?>` | `https://developer.android.com/reference/kotlin/androidx/compose/material/package-summary#LocalElevationOverlay()` CompositionLocal containing the `https://developer.android.com/reference/kotlin/androidx/compose/material/ElevationOverlay` used by `https://developer.android.com/reference/kotlin/androidx/compose/material/Surface.composable#Surface(androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Shape,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.foundation.BorderStroke,androidx.compose.ui.unit.Dp,kotlin.Function0)` components. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/runtime/ProvidableCompositionLocal<https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-boolean/index.html>` | `@https://developer.android.com/reference/kotlin/androidx/compose/material/ExperimentalMaterialApi https://developer.android.com/reference/kotlin/androidx/compose/material/package-summary#LocalMinimumInteractiveComponentEnforcement()` CompositionLocal that configures whether Material components that have a visual size that is lower than the minimum touch target size for accessibility (such as `https://developer.android.com/reference/kotlin/androidx/compose/material/Button.composable#Button(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.material.ButtonElevation,androidx.compose.ui.graphics.Shape,androidx.compose.foundation.BorderStroke,androidx.compose.material.ButtonColors,androidx.compose.foundation.layout.PaddingValues,kotlin.Function1)`) will include extra space outside the component to ensure that they are accessible. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/runtime/ProvidableCompositionLocal<https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-boolean/index.html>` | `@https://developer.android.com/reference/kotlin/androidx/compose/material/ExperimentalMaterialApi https://developer.android.com/reference/kotlin/androidx/compose/material/package-summary#LocalMinimumTouchTargetEnforcement()` **This property is deprecated.** Use LocalMinimumInteractiveComponentEnforcement instead. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/runtime/ProvidableCompositionLocal<https://developer.android.com/reference/kotlin/androidx/compose/material/RippleConfiguration?>` | `https://developer.android.com/reference/kotlin/androidx/compose/material/package-summary#LocalRippleConfiguration()` CompositionLocal used for providing `https://developer.android.com/reference/kotlin/androidx/compose/material/RippleConfiguration` down the tree. | Cmn |
| `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/compose/material/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/compose/material/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. | Cmn |

## Extension properties summary

|---|---|---|
| `https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color` | `https://developer.android.com/reference/kotlin/androidx/compose/material/Colors.https://developer.android.com/reference/kotlin/androidx/compose/material/package-summary#(androidx.compose.material.Colors).primarySurface()` primarySurface represents the background color of components that are `https://developer.android.com/reference/kotlin/androidx/compose/material/Colors#primary()` in light theme, and `https://developer.android.com/reference/kotlin/androidx/compose/material/Colors#surface()` in dark theme, such as `https://developer.android.com/reference/kotlin/androidx/compose/material/TabRow.composable#TabRow(kotlin.Int,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,kotlin.Function1,kotlin.Function0,kotlin.Function0)` and `https://developer.android.com/reference/kotlin/androidx/compose/material/TopAppBar.composable#TopAppBar(kotlin.Function0,androidx.compose.foundation.layout.WindowInsets,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.Function1,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.Dp)`. | Cmn |

## Top-level functions

### BackdropScaffoldState

Cmn Artifact: [androidx.compose.material:material](https://developer.android.com/jetpack/androidx/releases/compose-material) [View Source](https://cs.android.com/search?q=file:androidx/compose/material/BackdropScaffold.kt+function:BackdropScaffoldState) Added in [1.7.0](https://developer.android.com/jetpack/androidx/releases/compose-material#1.7.0)

```
fun BackdropScaffoldState(
    initialValue: BackdropValue,
    density: Density,
    animationSpec: AnimationSpec<Float> = BackdropScaffoldDefaults.AnimationSpec,
    confirmValueChange: (BackdropValue) -> Boolean = { true },
    snackbarHostState: SnackbarHostState = SnackbarHostState()
): BackdropScaffoldState
```

State of the persistent bottom sheet in `https://developer.android.com/reference/kotlin/androidx/compose/material/BackdropScaffold.composable#BackdropScaffold(kotlin.Function0,kotlin.Function0,kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.material.BackdropScaffoldState,kotlin.Function1,kotlin.Boolean,androidx.compose.ui.unit.Dp,androidx.compose.ui.unit.Dp,kotlin.Boolean,kotlin.Boolean,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Shape,androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color)`.

| Parameters |
|---|---|
| `initialValue: https://developer.android.com/reference/kotlin/androidx/compose/material/BackdropValue` | The initial value of the state. |
| `density: https://developer.android.com/reference/kotlin/androidx/compose/ui/unit/Density` | The density that this state can use to convert values to and from dp. |
| `animationSpec: https://developer.android.com/reference/kotlin/androidx/compose/animation/core/AnimationSpec<https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-float/index.html> = BackdropScaffoldDefaults.AnimationSpec` | The default animation that will be used to animate to a new state. |
| `confirmValueChange: (https://developer.android.com/reference/kotlin/androidx/compose/material/BackdropValue) -> https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-boolean/index.html = { true }` | Optional callback invoked to confirm or veto a pending state change. |
| `snackbarHostState: https://developer.android.com/reference/kotlin/androidx/compose/material/SnackbarHostState = SnackbarHostState()` | The `https://developer.android.com/reference/kotlin/androidx/compose/material/SnackbarHostState` used to show snackbars inside the scaffold. |

### darkColors

Cmn Artifact: [androidx.compose.material:material](https://developer.android.com/jetpack/androidx/releases/compose-material) [View Source](https://cs.android.com/search?q=file:androidx/compose/material/Colors.kt+function:darkColors) Added in [1.10.0](https://developer.android.com/jetpack/androidx/releases/compose-material#1.10.0)

```
fun darkColors(
    primary: Color = Color(0xFFBB86FC),
    primaryVariant: Color = Color(0xFF3700B3),
    secondary: Color = Color(0xFF03DAC6),
    secondaryVariant: Color = secondary,
    background: Color = Color(0xFF121212),
    surface: Color = Color(0xFF121212),
    error: Color = Color(0xFFCF6679),
    onPrimary: Color = Color.Black,
    onSecondary: Color = Color.Black,
    onBackground: Color = Color.White,
    onSurface: Color = Color.White,
    onError: Color = Color.Black
): Colors
```

Creates a complete color definition for the [Material color specification](https://material.io/design/color/the-color-system.html#color-theme-creation) using the default dark theme values.

Note: `https://developer.android.com/reference/kotlin/androidx/compose/material/package-summary#darkColors(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,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,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color)` is typically the same as `https://developer.android.com/reference/kotlin/androidx/compose/material/package-summary#darkColors(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,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,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color)` in dark theme since contrast levels are higher, and hence there is less need for a separate secondary color.

| See also |
|---|---|
| `https://developer.android.com/reference/kotlin/androidx/compose/material/package-summary#lightColors(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,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,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color)` |   |

### lightColors

Cmn Artifact: [androidx.compose.material:material](https://developer.android.com/jetpack/androidx/releases/compose-material) [View Source](https://cs.android.com/search?q=file:androidx/compose/material/Colors.kt+function:lightColors) Added in [1.10.0](https://developer.android.com/jetpack/androidx/releases/compose-material#1.10.0)

```
fun lightColors(
    primary: Color = Color(0xFF6200EE),
    primaryVariant: Color = Color(0xFF3700B3),
    secondary: Color = Color(0xFF03DAC6),
    secondaryVariant: Color = Color(0xFF018786),
    background: Color = Color.White,
    surface: Color = Color.White,
    error: Color = Color(0xFFB00020),
    onPrimary: Color = Color.White,
    onSecondary: Color = Color.Black,
    onBackground: Color = Color.Black,
    onSurface: Color = Color.Black,
    onError: Color = Color.White
): Colors
```

Creates a complete color definition for the [Material color specification](https://material.io/design/color/the-color-system.html#color-theme-creation) using the default light theme values.

| See also |
|---|---|
| `https://developer.android.com/reference/kotlin/androidx/compose/material/package-summary#darkColors(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,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,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color)` |   |

### ripple

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

```
fun ripple(
    bounded: Boolean = true,
    radius: Dp = Dp.Unspecified,
    color: Color = Color.Unspecified
): IndicationNodeFactory
```

Creates a Ripple using the provided values and values inferred from the theme.

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 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/compose/material/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/compose/material/package-summary#ripple(kotlin.Boolean,androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.Color)` 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.

| 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. |
| `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 `https://developer.android.com/reference/kotlin/androidx/compose/material/RippleDefaults#rippleAlpha(androidx.compose.ui.graphics.Color,kotlin.Boolean)` 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/compose/material/RippleDefaults#rippleColor(androidx.compose.ui.graphics.Color,kotlin.Boolean)` instead. |

### ripple

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

```
fun ripple(
    color: ColorProducer,
    bounded: Boolean = true,
    radius: Dp = Dp.Unspecified
): IndicationNodeFactory
```

Creates a Ripple using the provided values and values inferred from the theme.

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/compose/material/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/compose/material/package-summary#ripple(androidx.compose.ui.graphics.ColorProducer,kotlin.Boolean,androidx.compose.ui.unit.Dp)` 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.

| 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 `https://developer.android.com/reference/kotlin/androidx/compose/material/RippleDefaults#rippleAlpha(androidx.compose.ui.graphics.Color,kotlin.Boolean)` 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/compose/material/package-summary#ripple(androidx.compose.ui.graphics.ColorProducer,kotlin.Boolean,androidx.compose.ui.unit.Dp)` object to make sure that ripple nodes are not being created each recomposition. |
| `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. |
| `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. |

## Extension functions

### Colors.contentColorFor

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

```
fun Colors.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 `https://developer.android.com/reference/kotlin/androidx/compose/material/Button.composable#Button(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.material.ButtonElevation,androidx.compose.ui.graphics.Shape,androidx.compose.foundation.BorderStroke,androidx.compose.material.ButtonColors,androidx.compose.foundation.layout.PaddingValues,kotlin.Function1)` 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/compose/material/package-summary#(androidx.compose.material.Colors).contentColorFor(androidx.compose.ui.graphics.Color)` to a 'background' color in this `https://developer.android.com/reference/kotlin/androidx/compose/material/Colors`, and then will return the corresponding color used for content. For example, when `https://developer.android.com/reference/kotlin/androidx/compose/material/package-summary#(androidx.compose.material.Colors).contentColorFor(androidx.compose.ui.graphics.Color)` is `https://developer.android.com/reference/kotlin/androidx/compose/material/Colors#primary()`, this will return `https://developer.android.com/reference/kotlin/androidx/compose/material/Colors#onPrimary()`.

If `https://developer.android.com/reference/kotlin/androidx/compose/material/package-summary#(androidx.compose.material.Colors).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/compose/material/package-summary#(androidx.compose.material.Colors).contentColorFor(androidx.compose.ui.graphics.Color)`. If `https://developer.android.com/reference/kotlin/androidx/compose/material/package-summary#(androidx.compose.material.Colors).contentColorFor(androidx.compose.ui.graphics.Color)` is not present in the theme's `https://developer.android.com/reference/kotlin/androidx/compose/material/Colors`, then returns `https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color#Unspecified()`. |

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

## Top-level properties

### LocalAbsoluteElevation

Cmn Artifact: [androidx.compose.material:material](https://developer.android.com/jetpack/androidx/releases/compose-material) [View Source](https://cs.android.com/search?q=file:androidx/compose/material/ElevationOverlay.kt+symbol:LocalAbsoluteElevation) Added in [1.0.0](https://developer.android.com/jetpack/androidx/releases/compose-material#1.0.0)

```
val LocalAbsoluteElevation: ProvidableCompositionLocal<Dp>
```

CompositionLocal containing the current absolute elevation provided by `https://developer.android.com/reference/kotlin/androidx/compose/material/Surface.composable#Surface(androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Shape,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.foundation.BorderStroke,androidx.compose.ui.unit.Dp,kotlin.Function0)` components. This absolute elevation is a sum of all the previous elevations. Absolute elevation is only used for calculating elevation overlays in dark theme, and is *not* used for drawing the shadow in a `https://developer.android.com/reference/kotlin/androidx/compose/material/Surface.composable#Surface(androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Shape,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.foundation.BorderStroke,androidx.compose.ui.unit.Dp,kotlin.Function0)`. See `https://developer.android.com/reference/kotlin/androidx/compose/material/ElevationOverlay` for more information on elevation overlays.

```kotlin
import androidx.compose.material.LocalAbsoluteElevation
import androidx.compose.material.Surface
import androidx.compose.ui.unit.dp

Surface(elevation = 4.dp) {
    // This will equal 4.dp
    val elevation = LocalAbsoluteElevation.current
    Surface(elevation = 2.dp) {
        // This will equal 6.dp (4 + 2)
        val elevation = LocalAbsoluteElevation.current
    }
}
```

### LocalContentAlpha

Cmn Artifact: [androidx.compose.material:material](https://developer.android.com/jetpack/androidx/releases/compose-material) [View Source](https://cs.android.com/search?q=file:androidx/compose/material/ContentAlpha.kt+symbol:LocalContentAlpha) Added in [1.0.0](https://developer.android.com/jetpack/androidx/releases/compose-material#1.0.0)

```
val LocalContentAlpha: ProvidableCompositionLocal<Float>
```

CompositionLocal containing the preferred content alpha for a given position in the hierarchy. This alpha is used for text and iconography (`https://developer.android.com/reference/kotlin/androidx/compose/material/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)` and `https://developer.android.com/reference/kotlin/androidx/compose/material/Icon.composable#Icon(androidx.compose.ui.graphics.vector.ImageVector,kotlin.String,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color)`) to emphasize / de-emphasize different parts of a component. See the Material guide on [Text Legibility](https://material.io/design/color/text-legibility.html) for more information on alpha levels used by text and iconography.

See `https://developer.android.com/reference/kotlin/androidx/compose/material/ContentAlpha` for the default levels used by most Material components.

`https://developer.android.com/reference/kotlin/androidx/compose/material/MaterialTheme` sets this to `https://developer.android.com/reference/kotlin/androidx/compose/material/ContentAlpha#high()` by default, as this is the default alpha for body text.

```kotlin
import androidx.compose.foundation.layout.Column
import androidx.compose.material.ContentAlpha
import androidx.compose.material.LocalContentAlpha
import androidx.compose.material.Text
import androidx.compose.runtime.CompositionLocalProvider

// Note the alpha values listed below are the values for light theme. The values are slightly
// different in dark theme to provide proper contrast against the background.
Column {
    Text(
        "No content alpha applied - uses the default content alpha set by MaterialTheme - " +
            "87% alpha"
    )
    CompositionLocalProvider(LocalContentAlpha provides 1.00f) {
        Text("1.00f alpha applied - 100% alpha")
    }
    CompositionLocalProvider(LocalContentAlpha provides ContentAlpha.high) {
        Text("High content alpha applied - 87% alpha")
    }
    CompositionLocalProvider(LocalContentAlpha provides ContentAlpha.medium) {
        Text("Medium content alpha applied - 60% alpha")
    }
    CompositionLocalProvider(LocalContentAlpha provides ContentAlpha.disabled) {
        Text("Disabled content alpha applied - 38% alpha")
    }
}
```

### LocalContentColor

Cmn Artifact: [androidx.compose.material:material](https://developer.android.com/jetpack/androidx/releases/compose-material) [View Source](https://cs.android.com/search?q=file:androidx/compose/material/ContentColor.kt+symbol:LocalContentColor) Added in [1.0.0](https://developer.android.com/jetpack/androidx/releases/compose-material#1.0.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/compose/material/Colors`. For example, if the background color is `https://developer.android.com/reference/kotlin/androidx/compose/material/Colors#surface()`, this color is typically set to `https://developer.android.com/reference/kotlin/androidx/compose/material/Colors#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#Black()` if no color has been explicitly set.

### LocalElevationOverlay

Cmn Artifact: [androidx.compose.material:material](https://developer.android.com/jetpack/androidx/releases/compose-material) [View Source](https://cs.android.com/search?q=file:androidx/compose/material/ElevationOverlay.kt+symbol:LocalElevationOverlay) Added in [1.0.0](https://developer.android.com/jetpack/androidx/releases/compose-material#1.0.0)

```
val LocalElevationOverlay: ProvidableCompositionLocal<ElevationOverlay?>
```

CompositionLocal containing the `https://developer.android.com/reference/kotlin/androidx/compose/material/ElevationOverlay` used by `https://developer.android.com/reference/kotlin/androidx/compose/material/Surface.composable#Surface(androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Shape,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.foundation.BorderStroke,androidx.compose.ui.unit.Dp,kotlin.Function0)` components. Provide `null` to turn off `https://developer.android.com/reference/kotlin/androidx/compose/material/ElevationOverlay`s for the children within this CompositionLocal..

| See also |
|---|---|
| `https://developer.android.com/reference/kotlin/androidx/compose/material/ElevationOverlay` |   |

### LocalMinimumInteractiveComponentEnforcement

Cmn Artifact: [androidx.compose.material:material](https://developer.android.com/jetpack/androidx/releases/compose-material) [View Source](https://cs.android.com/search?q=file:androidx/compose/material/InteractiveComponentSize.kt+symbol:LocalMinimumInteractiveComponentEnforcement) Added in [1.4.0](https://developer.android.com/jetpack/androidx/releases/compose-material#1.4.0)

```
@ExperimentalMaterialApi
val LocalMinimumInteractiveComponentEnforcement: ProvidableCompositionLocal<Boolean>
```

CompositionLocal that configures whether Material components that have a visual size that is lower than the minimum touch target size for accessibility (such as `https://developer.android.com/reference/kotlin/androidx/compose/material/Button.composable#Button(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.material.ButtonElevation,androidx.compose.ui.graphics.Shape,androidx.compose.foundation.BorderStroke,androidx.compose.material.ButtonColors,androidx.compose.foundation.layout.PaddingValues,kotlin.Function1)`) will include extra space outside the component to ensure that they are accessible. If set to false there will be no extra space, and so it is possible that if the component is placed near the edge of a layout / near to another component without any padding, there will not be enough space for an accessible touch target.

### LocalMinimumTouchTargetEnforcement

Cmn Artifact: [androidx.compose.material:material](https://developer.android.com/jetpack/androidx/releases/compose-material) [View Source](https://cs.android.com/search?q=file:androidx/compose/material/InteractiveComponentSize.kt+symbol:LocalMinimumTouchTargetEnforcement) Added in [1.4.0](https://developer.android.com/jetpack/androidx/releases/compose-material#1.4.0) Deprecated in [1.4.0](https://developer.android.com/jetpack/androidx/releases/compose-material#1.4.0)

```
@ExperimentalMaterialApi
val LocalMinimumTouchTargetEnforcement: ProvidableCompositionLocal<Boolean>
```

> [!CAUTION]
> **This property is deprecated.**   
> Use LocalMinimumInteractiveComponentEnforcement instead, use this instead:
>
> ```kotlin
> LocalMinimumInteractiveComponentEnforcement
> ```

CompositionLocal that configures whether Material components that have a visual size that is lower than the minimum touch target size for accessibility (such as `https://developer.android.com/reference/kotlin/androidx/compose/material/Button.composable#Button(kotlin.Function0,androidx.compose.ui.Modifier,kotlin.Boolean,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.material.ButtonElevation,androidx.compose.ui.graphics.Shape,androidx.compose.foundation.BorderStroke,androidx.compose.material.ButtonColors,androidx.compose.foundation.layout.PaddingValues,kotlin.Function1)`) will include extra space outside the component to ensure that they are accessible. If set to false there will be no extra space, and so it is possible that if the component is placed near the edge of a layout / near to another component without any padding, there will not be enough space for an accessible touch target.

### LocalRippleConfiguration

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

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

CompositionLocal used for providing `https://developer.android.com/reference/kotlin/androidx/compose/material/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/material/ripple/package-summary#createRippleModifierNode(androidx.compose.foundation.interaction.InteractionSource,kotlin.Boolean,androidx.compose.ui.unit.Dp,androidx.compose.ui.graphics.ColorProducer,kotlin.Function0)`.

### LocalTextStyle

Cmn Artifact: [androidx.compose.material:material](https://developer.android.com/jetpack/androidx/releases/compose-material) [View Source](https://cs.android.com/search?q=file:androidx/compose/material/Text.kt+symbol:LocalTextStyle) Added in [1.0.0](https://developer.android.com/jetpack/androidx/releases/compose-material#1.0.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/compose/material/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/compose/material/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/compose/material/ProvideTextStyle.composable#ProvideTextStyle(androidx.compose.ui.text.TextStyle,kotlin.Function0)` |   |

## Extension properties

### Colors.primarySurface

Cmn Artifact: [androidx.compose.material:material](https://developer.android.com/jetpack/androidx/releases/compose-material) [View Source](https://cs.android.com/search?q=file:androidx/compose/material/Colors.kt+symbol:primarySurface) Added in [1.0.0](https://developer.android.com/jetpack/androidx/releases/compose-material#1.0.0)

```
val Colors.primarySurface: Color
```

primarySurface represents the background color of components that are `https://developer.android.com/reference/kotlin/androidx/compose/material/Colors#primary()` in light theme, and `https://developer.android.com/reference/kotlin/androidx/compose/material/Colors#surface()` in dark theme, such as `https://developer.android.com/reference/kotlin/androidx/compose/material/TabRow.composable#TabRow(kotlin.Int,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,kotlin.Function1,kotlin.Function0,kotlin.Function0)` and `https://developer.android.com/reference/kotlin/androidx/compose/material/TopAppBar.composable#TopAppBar(kotlin.Function0,androidx.compose.foundation.layout.WindowInsets,androidx.compose.ui.Modifier,kotlin.Function0,kotlin.Function1,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.unit.Dp)`. This is to reduce brightness of large surfaces in dark theme, aiding contrast and readability. See [Dark Theme](https://material.io/design/color/dark-theme.html#custom-application).

| Returns |
|---|---|
| `https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color` | `https://developer.android.com/reference/kotlin/androidx/compose/material/Colors#primary()` if in light theme, else `https://developer.android.com/reference/kotlin/androidx/compose/material/Colors#surface()` |