---
title: "Material Compose API Reference"
---

## Installation
```kotlin
implementation("androidx.compose.material:material:1.11.0-beta02")
```
## Compose Components
<div class="component-catalogue not-prose"><a href="/docs/androidx.compose.material/material/components/AlertDialog" target="" class="button-ghost rounded-lg p-0.5 flex flex-col items-start rounded-xl w-full"><div class="relative overflow-clip w-full h-48 rounded-lg overflow-clip bg-zinc-50 relative border border-outline  w-full h-48 rounded-lg overflow-clip bg-zinc-50  border border-outline"><img class="size-full opacity-40 w-20 top-1/2 left-1/2 absolute transform -translate-x-1/2 -translate-y-1/2" loading="lazy" src="/icons/material-design.svg"><img src="/static/images/material/dialogs.png" class="opacity-0 transition size-full object-cover absolute top-0 left-0" loading="lazy" onerror="this.style.display='none'" onload="this.style.opacity='1'"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">AlertDialog</span></a><a href="/docs/androidx.compose.material/material/components/BackdropScaffold" target="" class="button-ghost rounded-lg p-0.5 flex flex-col items-start rounded-xl w-full"><div class="relative overflow-clip w-full h-48 rounded-lg overflow-clip bg-zinc-50 relative border border-outline  w-full h-48 rounded-lg overflow-clip bg-zinc-50  border border-outline"><img class="size-full opacity-40 w-20 top-1/2 left-1/2 absolute transform -translate-x-1/2 -translate-y-1/2" loading="lazy" src="/icons/material-design.svg"><img src="/static/images/material/backdrop.png" class="opacity-0 transition size-full object-cover absolute top-0 left-0" loading="lazy" onerror="this.style.display='none'" onload="this.style.opacity='1'"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">BackdropScaffold</span></a><a href="/docs/androidx.compose.material/material/components/Badge" target="" class="button-ghost rounded-lg p-0.5 flex flex-col items-start rounded-xl w-full"><div class="relative overflow-clip w-full h-48 rounded-lg overflow-clip bg-zinc-50 relative border border-outline  w-full h-48 rounded-lg overflow-clip bg-zinc-50  border border-outline"><img class="size-full opacity-40 w-20 top-1/2 left-1/2 absolute transform -translate-x-1/2 -translate-y-1/2" loading="lazy" src="/icons/material-design.svg"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">Badge</span></a><a href="/docs/androidx.compose.material/material/components/BadgedBox" target="" class="button-ghost rounded-lg p-0.5 flex flex-col items-start rounded-xl w-full"><div class="relative overflow-clip w-full h-48 rounded-lg overflow-clip bg-zinc-50 relative border border-outline  w-full h-48 rounded-lg overflow-clip bg-zinc-50  border border-outline"><img class="size-full opacity-40 w-20 top-1/2 left-1/2 absolute transform -translate-x-1/2 -translate-y-1/2" loading="lazy" src="/icons/material-design.svg"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">BadgedBox</span></a><a href="/docs/androidx.compose.material/material/components/BottomAppBar" target="" class="button-ghost rounded-lg p-0.5 flex flex-col items-start rounded-xl w-full"><div class="relative overflow-clip w-full h-48 rounded-lg overflow-clip bg-zinc-50 relative border border-outline  w-full h-48 rounded-lg overflow-clip bg-zinc-50  border border-outline"><img class="size-full opacity-40 w-20 top-1/2 left-1/2 absolute transform -translate-x-1/2 -translate-y-1/2" loading="lazy" src="/icons/material-design.svg"><img src="/static/images/material/app-bars-bottom.png" class="opacity-0 transition size-full object-cover absolute top-0 left-0" loading="lazy" onerror="this.style.display='none'" onload="this.style.opacity='1'"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">BottomAppBar</span></a><a href="/docs/androidx.compose.material/material/components/BottomDrawer" target="" class="button-ghost rounded-lg p-0.5 flex flex-col items-start rounded-xl w-full"><div class="relative overflow-clip w-full h-48 rounded-lg overflow-clip bg-zinc-50 relative border border-outline  w-full h-48 rounded-lg overflow-clip bg-zinc-50  border border-outline"><img class="size-full opacity-40 w-20 top-1/2 left-1/2 absolute transform -translate-x-1/2 -translate-y-1/2" loading="lazy" src="/icons/material-design.svg"><img src="/static/images/material/bottom-drawer.png" class="opacity-0 transition size-full object-cover absolute top-0 left-0" loading="lazy" onerror="this.style.display='none'" onload="this.style.opacity='1'"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">BottomDrawer</span></a><a href="/docs/androidx.compose.material/material/components/BottomNavigation" target="" class="button-ghost rounded-lg p-0.5 flex flex-col items-start rounded-xl w-full"><div class="relative overflow-clip w-full h-48 rounded-lg overflow-clip bg-zinc-50 relative border border-outline  w-full h-48 rounded-lg overflow-clip bg-zinc-50  border border-outline"><img class="size-full opacity-40 w-20 top-1/2 left-1/2 absolute transform -translate-x-1/2 -translate-y-1/2" loading="lazy" src="/icons/material-design.svg"><img src="/static/images/material/bottom-navigation.png" class="opacity-0 transition size-full object-cover absolute top-0 left-0" loading="lazy" onerror="this.style.display='none'" onload="this.style.opacity='1'"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">BottomNavigation</span></a><a href="/docs/androidx.compose.material/material/components/BottomNavigationItem" target="" class="button-ghost rounded-lg p-0.5 flex flex-col items-start rounded-xl w-full"><div class="relative overflow-clip w-full h-48 rounded-lg overflow-clip bg-zinc-50 relative border border-outline  w-full h-48 rounded-lg overflow-clip bg-zinc-50  border border-outline"><img class="size-full opacity-40 w-20 top-1/2 left-1/2 absolute transform -translate-x-1/2 -translate-y-1/2" loading="lazy" src="/icons/material-design.svg"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">BottomNavigationItem</span></a><a href="/docs/androidx.compose.material/material/components/BottomSheetScaffold" target="" class="button-ghost rounded-lg p-0.5 flex flex-col items-start rounded-xl w-full"><div class="relative overflow-clip w-full h-48 rounded-lg overflow-clip bg-zinc-50 relative border border-outline  w-full h-48 rounded-lg overflow-clip bg-zinc-50  border border-outline"><img class="size-full opacity-40 w-20 top-1/2 left-1/2 absolute transform -translate-x-1/2 -translate-y-1/2" loading="lazy" src="/icons/material-design.svg"><img src="/static/images/material/standard-bottom-sheet.png" class="opacity-0 transition size-full object-cover absolute top-0 left-0" loading="lazy" onerror="this.style.display='none'" onload="this.style.opacity='1'"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">BottomSheetScaffold</span></a><a href="/docs/androidx.compose.material/material/components/Button" target="" class="button-ghost rounded-lg p-0.5 flex flex-col items-start rounded-xl w-full"><div class="relative overflow-clip w-full h-48 rounded-lg overflow-clip bg-zinc-50 relative border border-outline  w-full h-48 rounded-lg overflow-clip bg-zinc-50  border border-outline"><img class="size-full opacity-40 w-20 top-1/2 left-1/2 absolute transform -translate-x-1/2 -translate-y-1/2" loading="lazy" src="/icons/material-design.svg"><img src="/static/images/material/contained-button.png" class="opacity-0 transition size-full object-cover absolute top-0 left-0" loading="lazy" onerror="this.style.display='none'" onload="this.style.opacity='1'"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">Button</span></a><a href="/docs/androidx.compose.material/material/components/Card" target="" class="button-ghost rounded-lg p-0.5 flex flex-col items-start rounded-xl w-full"><div class="relative overflow-clip w-full h-48 rounded-lg overflow-clip bg-zinc-50 relative border border-outline  w-full h-48 rounded-lg overflow-clip bg-zinc-50  border border-outline"><img class="size-full opacity-40 w-20 top-1/2 left-1/2 absolute transform -translate-x-1/2 -translate-y-1/2" loading="lazy" src="/icons/material-design.svg"><img src="/static/images/material/cards.png" class="opacity-0 transition size-full object-cover absolute top-0 left-0" loading="lazy" onerror="this.style.display='none'" onload="this.style.opacity='1'"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">Card</span></a><a href="/docs/androidx.compose.material/material/components/Checkbox" target="" class="button-ghost rounded-lg p-0.5 flex flex-col items-start rounded-xl w-full"><div class="relative overflow-clip w-full h-48 rounded-lg overflow-clip bg-zinc-50 relative border border-outline  w-full h-48 rounded-lg overflow-clip bg-zinc-50  border border-outline"><img class="size-full opacity-40 w-20 top-1/2 left-1/2 absolute transform -translate-x-1/2 -translate-y-1/2" loading="lazy" src="/icons/material-design.svg"><img src="/static/images/material/checkboxes.png" class="opacity-0 transition size-full object-cover absolute top-0 left-0" loading="lazy" onerror="this.style.display='none'" onload="this.style.opacity='1'"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">Checkbox</span></a><a href="/docs/androidx.compose.material/material/components/Chip" target="" class="button-ghost rounded-lg p-0.5 flex flex-col items-start rounded-xl w-full"><div class="relative overflow-clip w-full h-48 rounded-lg overflow-clip bg-zinc-50 relative border border-outline  w-full h-48 rounded-lg overflow-clip bg-zinc-50  border border-outline"><img class="size-full opacity-40 w-20 top-1/2 left-1/2 absolute transform -translate-x-1/2 -translate-y-1/2" loading="lazy" src="/icons/material-design.svg"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">Chip</span></a><a href="/docs/androidx.compose.material/material/components/CircularProgressIndicator" target="" class="button-ghost rounded-lg p-0.5 flex flex-col items-start rounded-xl w-full"><div class="relative overflow-clip w-full h-48 rounded-lg overflow-clip bg-zinc-50 relative border border-outline  w-full h-48 rounded-lg overflow-clip bg-zinc-50  border border-outline"><img class="size-full opacity-40 w-20 top-1/2 left-1/2 absolute transform -translate-x-1/2 -translate-y-1/2" loading="lazy" src="/icons/material-design.svg"><img src="/static/images/material/circular-progress-indicator.png" class="opacity-0 transition size-full object-cover absolute top-0 left-0" loading="lazy" onerror="this.style.display='none'" onload="this.style.opacity='1'"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">CircularProgressIndicator</span></a><a href="/docs/androidx.compose.material/material/components/Divider" target="" class="button-ghost rounded-lg p-0.5 flex flex-col items-start rounded-xl w-full"><div class="relative overflow-clip w-full h-48 rounded-lg overflow-clip bg-zinc-50 relative border border-outline  w-full h-48 rounded-lg overflow-clip bg-zinc-50  border border-outline"><img class="size-full opacity-40 w-20 top-1/2 left-1/2 absolute transform -translate-x-1/2 -translate-y-1/2" loading="lazy" src="/icons/material-design.svg"><img src="/static/images/material/dividers.png" class="opacity-0 transition size-full object-cover absolute top-0 left-0" loading="lazy" onerror="this.style.display='none'" onload="this.style.opacity='1'"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">Divider</span></a><a href="/docs/androidx.compose.material/material/components/DropdownMenu" target="" class="button-ghost rounded-lg p-0.5 flex flex-col items-start rounded-xl w-full"><div class="relative overflow-clip w-full h-48 rounded-lg overflow-clip bg-zinc-50 relative border border-outline  w-full h-48 rounded-lg overflow-clip bg-zinc-50  border border-outline"><img class="size-full opacity-40 w-20 top-1/2 left-1/2 absolute transform -translate-x-1/2 -translate-y-1/2" loading="lazy" src="/icons/material-design.svg"><img src="/static/images/material/menus.png" class="opacity-0 transition size-full object-cover absolute top-0 left-0" loading="lazy" onerror="this.style.display='none'" onload="this.style.opacity='1'"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">DropdownMenu</span></a><a href="/docs/androidx.compose.material/material/components/DropdownMenuItem" target="" class="button-ghost rounded-lg p-0.5 flex flex-col items-start rounded-xl w-full"><div class="relative overflow-clip w-full h-48 rounded-lg overflow-clip bg-zinc-50 relative border border-outline  w-full h-48 rounded-lg overflow-clip bg-zinc-50  border border-outline"><img class="size-full opacity-40 w-20 top-1/2 left-1/2 absolute transform -translate-x-1/2 -translate-y-1/2" loading="lazy" src="/icons/material-design.svg"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">DropdownMenuItem</span></a><a href="/docs/androidx.compose.material/material/components/ExposedDropdownMenuBox" target="" class="button-ghost rounded-lg p-0.5 flex flex-col items-start rounded-xl w-full"><div class="relative overflow-clip w-full h-48 rounded-lg overflow-clip bg-zinc-50 relative border border-outline  w-full h-48 rounded-lg overflow-clip bg-zinc-50  border border-outline"><img class="size-full opacity-40 w-20 top-1/2 left-1/2 absolute transform -translate-x-1/2 -translate-y-1/2" loading="lazy" src="/icons/material-design.svg"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">ExposedDropdownMenuBox</span></a><a href="/docs/androidx.compose.material/material/components/ExtendedFloatingActionButton" target="" class="button-ghost rounded-lg p-0.5 flex flex-col items-start rounded-xl w-full"><div class="relative overflow-clip w-full h-48 rounded-lg overflow-clip bg-zinc-50 relative border border-outline  w-full h-48 rounded-lg overflow-clip bg-zinc-50  border border-outline"><img class="size-full opacity-40 w-20 top-1/2 left-1/2 absolute transform -translate-x-1/2 -translate-y-1/2" loading="lazy" src="/icons/material-design.svg"><img src="/static/images/material/extended-floating-action-button.png" class="opacity-0 transition size-full object-cover absolute top-0 left-0" loading="lazy" onerror="this.style.display='none'" onload="this.style.opacity='1'"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">ExtendedFloatingActionButton</span></a><a href="/docs/androidx.compose.material/material/components/FilterChip" target="" class="button-ghost rounded-lg p-0.5 flex flex-col items-start rounded-xl w-full"><div class="relative overflow-clip w-full h-48 rounded-lg overflow-clip bg-zinc-50 relative border border-outline  w-full h-48 rounded-lg overflow-clip bg-zinc-50  border border-outline"><img class="size-full opacity-40 w-20 top-1/2 left-1/2 absolute transform -translate-x-1/2 -translate-y-1/2" loading="lazy" src="/icons/material-design.svg"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">FilterChip</span></a><a href="/docs/androidx.compose.material/material/components/FloatingActionButton" target="" class="button-ghost rounded-lg p-0.5 flex flex-col items-start rounded-xl w-full"><div class="relative overflow-clip w-full h-48 rounded-lg overflow-clip bg-zinc-50 relative border border-outline  w-full h-48 rounded-lg overflow-clip bg-zinc-50  border border-outline"><img class="size-full opacity-40 w-20 top-1/2 left-1/2 absolute transform -translate-x-1/2 -translate-y-1/2" loading="lazy" src="/icons/material-design.svg"><img src="/static/images/material/floating-action-button.png" class="opacity-0 transition size-full object-cover absolute top-0 left-0" loading="lazy" onerror="this.style.display='none'" onload="this.style.opacity='1'"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">FloatingActionButton</span></a><a href="/docs/androidx.compose.material/material/components/Icon" target="" class="button-ghost rounded-lg p-0.5 flex flex-col items-start rounded-xl w-full"><div class="relative overflow-clip w-full h-48 rounded-lg overflow-clip bg-zinc-50 relative border border-outline  w-full h-48 rounded-lg overflow-clip bg-zinc-50  border border-outline"><img class="size-full opacity-40 w-20 top-1/2 left-1/2 absolute transform -translate-x-1/2 -translate-y-1/2" loading="lazy" src="/icons/material-design.svg"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">Icon</span></a><a href="/docs/androidx.compose.material/material/components/IconButton" target="" class="button-ghost rounded-lg p-0.5 flex flex-col items-start rounded-xl w-full"><div class="relative overflow-clip w-full h-48 rounded-lg overflow-clip bg-zinc-50 relative border border-outline  w-full h-48 rounded-lg overflow-clip bg-zinc-50  border border-outline"><img class="size-full opacity-40 w-20 top-1/2 left-1/2 absolute transform -translate-x-1/2 -translate-y-1/2" loading="lazy" src="/icons/material-design.svg"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">IconButton</span></a><a href="/docs/androidx.compose.material/material/components/IconToggleButton" target="" class="button-ghost rounded-lg p-0.5 flex flex-col items-start rounded-xl w-full"><div class="relative overflow-clip w-full h-48 rounded-lg overflow-clip bg-zinc-50 relative border border-outline  w-full h-48 rounded-lg overflow-clip bg-zinc-50  border border-outline"><img class="size-full opacity-40 w-20 top-1/2 left-1/2 absolute transform -translate-x-1/2 -translate-y-1/2" loading="lazy" src="/icons/material-design.svg"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">IconToggleButton</span></a><a href="/docs/androidx.compose.material/material/components/LeadingIconTab" target="" class="button-ghost rounded-lg p-0.5 flex flex-col items-start rounded-xl w-full"><div class="relative overflow-clip w-full h-48 rounded-lg overflow-clip bg-zinc-50 relative border border-outline  w-full h-48 rounded-lg overflow-clip bg-zinc-50  border border-outline"><img class="size-full opacity-40 w-20 top-1/2 left-1/2 absolute transform -translate-x-1/2 -translate-y-1/2" loading="lazy" src="/icons/material-design.svg"><img src="/static/images/material/tab.png" class="opacity-0 transition size-full object-cover absolute top-0 left-0" loading="lazy" onerror="this.style.display='none'" onload="this.style.opacity='1'"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">LeadingIconTab</span></a><a href="/docs/androidx.compose.material/material/components/LinearProgressIndicator" target="" class="button-ghost rounded-lg p-0.5 flex flex-col items-start rounded-xl w-full"><div class="relative overflow-clip w-full h-48 rounded-lg overflow-clip bg-zinc-50 relative border border-outline  w-full h-48 rounded-lg overflow-clip bg-zinc-50  border border-outline"><img class="size-full opacity-40 w-20 top-1/2 left-1/2 absolute transform -translate-x-1/2 -translate-y-1/2" loading="lazy" src="/icons/material-design.svg"><img src="/static/images/material/linear-progress-indicator.png" class="opacity-0 transition size-full object-cover absolute top-0 left-0" loading="lazy" onerror="this.style.display='none'" onload="this.style.opacity='1'"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">LinearProgressIndicator</span></a><a href="/docs/androidx.compose.material/material/components/ListItem" target="" class="button-ghost rounded-lg p-0.5 flex flex-col items-start rounded-xl w-full"><div class="relative overflow-clip w-full h-48 rounded-lg overflow-clip bg-zinc-50 relative border border-outline  w-full h-48 rounded-lg overflow-clip bg-zinc-50  border border-outline"><img class="size-full opacity-40 w-20 top-1/2 left-1/2 absolute transform -translate-x-1/2 -translate-y-1/2" loading="lazy" src="/icons/material-design.svg"><img src="/static/images/material/lists.png" class="opacity-0 transition size-full object-cover absolute top-0 left-0" loading="lazy" onerror="this.style.display='none'" onload="this.style.opacity='1'"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">ListItem</span></a><a href="/docs/androidx.compose.material/material/components/MaterialTheme" target="" class="button-ghost rounded-lg p-0.5 flex flex-col items-start rounded-xl w-full"><div class="relative overflow-clip w-full h-48 rounded-lg overflow-clip bg-zinc-50 relative border border-outline  w-full h-48 rounded-lg overflow-clip bg-zinc-50  border border-outline"><img class="size-full opacity-40 w-20 top-1/2 left-1/2 absolute transform -translate-x-1/2 -translate-y-1/2" loading="lazy" src="/icons/material-design.svg"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">MaterialTheme</span></a><a href="/docs/androidx.compose.material/material/components/ModalBottomSheetLayout" target="" class="button-ghost rounded-lg p-0.5 flex flex-col items-start rounded-xl w-full"><div class="relative overflow-clip w-full h-48 rounded-lg overflow-clip bg-zinc-50 relative border border-outline  w-full h-48 rounded-lg overflow-clip bg-zinc-50  border border-outline"><img class="size-full opacity-40 w-20 top-1/2 left-1/2 absolute transform -translate-x-1/2 -translate-y-1/2" loading="lazy" src="/icons/material-design.svg"><img src="/static/images/material/modal-bottom-sheet.png" class="opacity-0 transition size-full object-cover absolute top-0 left-0" loading="lazy" onerror="this.style.display='none'" onload="this.style.opacity='1'"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">ModalBottomSheetLayout</span></a><a href="/docs/androidx.compose.material/material/components/ModalDrawer" target="" class="button-ghost rounded-lg p-0.5 flex flex-col items-start rounded-xl w-full"><div class="relative overflow-clip w-full h-48 rounded-lg overflow-clip bg-zinc-50 relative border border-outline  w-full h-48 rounded-lg overflow-clip bg-zinc-50  border border-outline"><img class="size-full opacity-40 w-20 top-1/2 left-1/2 absolute transform -translate-x-1/2 -translate-y-1/2" loading="lazy" src="/icons/material-design.svg"><img src="/static/images/material/modal-drawer.png" class="opacity-0 transition size-full object-cover absolute top-0 left-0" loading="lazy" onerror="this.style.display='none'" onload="this.style.opacity='1'"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">ModalDrawer</span></a><a href="/docs/androidx.compose.material/material/components/NavigationRail" target="" class="button-ghost rounded-lg p-0.5 flex flex-col items-start rounded-xl w-full"><div class="relative overflow-clip w-full h-48 rounded-lg overflow-clip bg-zinc-50 relative border border-outline  w-full h-48 rounded-lg overflow-clip bg-zinc-50  border border-outline"><img class="size-full opacity-40 w-20 top-1/2 left-1/2 absolute transform -translate-x-1/2 -translate-y-1/2" loading="lazy" src="/icons/material-design.svg"><img src="/static/images/material/navigation-rail.png" class="opacity-0 transition size-full object-cover absolute top-0 left-0" loading="lazy" onerror="this.style.display='none'" onload="this.style.opacity='1'"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">NavigationRail</span></a><a href="/docs/androidx.compose.material/material/components/NavigationRailItem" target="" class="button-ghost rounded-lg p-0.5 flex flex-col items-start rounded-xl w-full"><div class="relative overflow-clip w-full h-48 rounded-lg overflow-clip bg-zinc-50 relative border border-outline  w-full h-48 rounded-lg overflow-clip bg-zinc-50  border border-outline"><img class="size-full opacity-40 w-20 top-1/2 left-1/2 absolute transform -translate-x-1/2 -translate-y-1/2" loading="lazy" src="/icons/material-design.svg"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">NavigationRailItem</span></a><a href="/docs/androidx.compose.material/material/components/OutlinedButton" target="" class="button-ghost rounded-lg p-0.5 flex flex-col items-start rounded-xl w-full"><div class="relative overflow-clip w-full h-48 rounded-lg overflow-clip bg-zinc-50 relative border border-outline  w-full h-48 rounded-lg overflow-clip bg-zinc-50  border border-outline"><img class="size-full opacity-40 w-20 top-1/2 left-1/2 absolute transform -translate-x-1/2 -translate-y-1/2" loading="lazy" src="/icons/material-design.svg"><img src="/static/images/material/outlined-button.png" class="opacity-0 transition size-full object-cover absolute top-0 left-0" loading="lazy" onerror="this.style.display='none'" onload="this.style.opacity='1'"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">OutlinedButton</span></a><a href="/docs/androidx.compose.material/material/components/OutlinedSecureTextField" target="" class="button-ghost rounded-lg p-0.5 flex flex-col items-start rounded-xl w-full"><div class="relative overflow-clip w-full h-48 rounded-lg overflow-clip bg-zinc-50 relative border border-outline  w-full h-48 rounded-lg overflow-clip bg-zinc-50  border border-outline"><img class="size-full opacity-40 w-20 top-1/2 left-1/2 absolute transform -translate-x-1/2 -translate-y-1/2" loading="lazy" src="/icons/material-design.svg"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">OutlinedSecureTextField</span></a><a href="/docs/androidx.compose.material/material/components/OutlinedTextField" target="" class="button-ghost rounded-lg p-0.5 flex flex-col items-start rounded-xl w-full"><div class="relative overflow-clip w-full h-48 rounded-lg overflow-clip bg-zinc-50 relative border border-outline  w-full h-48 rounded-lg overflow-clip bg-zinc-50  border border-outline"><img class="size-full opacity-40 w-20 top-1/2 left-1/2 absolute transform -translate-x-1/2 -translate-y-1/2" loading="lazy" src="/icons/material-design.svg"><img src="/static/images/material/outlined-text-field.png" class="opacity-0 transition size-full object-cover absolute top-0 left-0" loading="lazy" onerror="this.style.display='none'" onload="this.style.opacity='1'"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">OutlinedTextField</span></a><a href="/docs/androidx.compose.material/material/components/ProvideTextStyle" target="" class="button-ghost rounded-lg p-0.5 flex flex-col items-start rounded-xl w-full"><div class="relative overflow-clip w-full h-48 rounded-lg overflow-clip bg-zinc-50 relative border border-outline  w-full h-48 rounded-lg overflow-clip bg-zinc-50  border border-outline"><img class="size-full opacity-40 w-20 top-1/2 left-1/2 absolute transform -translate-x-1/2 -translate-y-1/2" loading="lazy" src="/icons/material-design.svg"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">ProvideTextStyle</span></a><a href="/docs/androidx.compose.material/material/components/PullRefreshIndicator" target="" class="button-ghost rounded-lg p-0.5 flex flex-col items-start rounded-xl w-full"><div class="relative overflow-clip w-full h-48 rounded-lg overflow-clip bg-zinc-50 relative border border-outline  w-full h-48 rounded-lg overflow-clip bg-zinc-50  border border-outline"><img class="size-full opacity-40 w-20 top-1/2 left-1/2 absolute transform -translate-x-1/2 -translate-y-1/2" loading="lazy" src="/icons/material-design.svg"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">PullRefreshIndicator</span></a><a href="/docs/androidx.compose.material/material/components/RadioButton" target="" class="button-ghost rounded-lg p-0.5 flex flex-col items-start rounded-xl w-full"><div class="relative overflow-clip w-full h-48 rounded-lg overflow-clip bg-zinc-50 relative border border-outline  w-full h-48 rounded-lg overflow-clip bg-zinc-50  border border-outline"><img class="size-full opacity-40 w-20 top-1/2 left-1/2 absolute transform -translate-x-1/2 -translate-y-1/2" loading="lazy" src="/icons/material-design.svg"><img src="/static/images/material/radio-buttons.png" class="opacity-0 transition size-full object-cover absolute top-0 left-0" loading="lazy" onerror="this.style.display='none'" onload="this.style.opacity='1'"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">RadioButton</span></a><a href="/docs/androidx.compose.material/material/components/RangeSlider" target="" class="button-ghost rounded-lg p-0.5 flex flex-col items-start rounded-xl w-full"><div class="relative overflow-clip w-full h-48 rounded-lg overflow-clip bg-zinc-50 relative border border-outline  w-full h-48 rounded-lg overflow-clip bg-zinc-50  border border-outline"><img class="size-full opacity-40 w-20 top-1/2 left-1/2 absolute transform -translate-x-1/2 -translate-y-1/2" loading="lazy" src="/icons/material-design.svg"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">RangeSlider</span></a><a href="/docs/androidx.compose.material/material/components/Scaffold" target="" class="button-ghost rounded-lg p-0.5 flex flex-col items-start rounded-xl w-full"><div class="relative overflow-clip w-full h-48 rounded-lg overflow-clip bg-zinc-50 relative border border-outline  w-full h-48 rounded-lg overflow-clip bg-zinc-50  border border-outline"><img class="size-full opacity-40 w-20 top-1/2 left-1/2 absolute transform -translate-x-1/2 -translate-y-1/2" loading="lazy" src="/icons/material-design.svg"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">Scaffold</span></a><a href="/docs/androidx.compose.material/material/components/ScrollableTabRow" target="" class="button-ghost rounded-lg p-0.5 flex flex-col items-start rounded-xl w-full"><div class="relative overflow-clip w-full h-48 rounded-lg overflow-clip bg-zinc-50 relative border border-outline  w-full h-48 rounded-lg overflow-clip bg-zinc-50  border border-outline"><img class="size-full opacity-40 w-20 top-1/2 left-1/2 absolute transform -translate-x-1/2 -translate-y-1/2" loading="lazy" src="/icons/material-design.svg"><img src="/static/images/material/scrollable-tabs.png" class="opacity-0 transition size-full object-cover absolute top-0 left-0" loading="lazy" onerror="this.style.display='none'" onload="this.style.opacity='1'"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">ScrollableTabRow</span></a><a href="/docs/androidx.compose.material/material/components/SecureTextField" target="" class="button-ghost rounded-lg p-0.5 flex flex-col items-start rounded-xl w-full"><div class="relative overflow-clip w-full h-48 rounded-lg overflow-clip bg-zinc-50 relative border border-outline  w-full h-48 rounded-lg overflow-clip bg-zinc-50  border border-outline"><img class="size-full opacity-40 w-20 top-1/2 left-1/2 absolute transform -translate-x-1/2 -translate-y-1/2" loading="lazy" src="/icons/material-design.svg"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">SecureTextField</span></a><a href="/docs/androidx.compose.material/material/components/Slider" target="" class="button-ghost rounded-lg p-0.5 flex flex-col items-start rounded-xl w-full"><div class="relative overflow-clip w-full h-48 rounded-lg overflow-clip bg-zinc-50 relative border border-outline  w-full h-48 rounded-lg overflow-clip bg-zinc-50  border border-outline"><img class="size-full opacity-40 w-20 top-1/2 left-1/2 absolute transform -translate-x-1/2 -translate-y-1/2" loading="lazy" src="/icons/material-design.svg"><img src="/static/images/material/sliders.png" class="opacity-0 transition size-full object-cover absolute top-0 left-0" loading="lazy" onerror="this.style.display='none'" onload="this.style.opacity='1'"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">Slider</span></a><a href="/docs/androidx.compose.material/material/components/Snackbar" target="" class="button-ghost rounded-lg p-0.5 flex flex-col items-start rounded-xl w-full"><div class="relative overflow-clip w-full h-48 rounded-lg overflow-clip bg-zinc-50 relative border border-outline  w-full h-48 rounded-lg overflow-clip bg-zinc-50  border border-outline"><img class="size-full opacity-40 w-20 top-1/2 left-1/2 absolute transform -translate-x-1/2 -translate-y-1/2" loading="lazy" src="/icons/material-design.svg"><img src="/static/images/material/snackbars.png" class="opacity-0 transition size-full object-cover absolute top-0 left-0" loading="lazy" onerror="this.style.display='none'" onload="this.style.opacity='1'"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">Snackbar</span></a><a href="/docs/androidx.compose.material/material/components/SnackbarHost" target="" class="button-ghost rounded-lg p-0.5 flex flex-col items-start rounded-xl w-full"><div class="relative overflow-clip w-full h-48 rounded-lg overflow-clip bg-zinc-50 relative border border-outline  w-full h-48 rounded-lg overflow-clip bg-zinc-50  border border-outline"><img class="size-full opacity-40 w-20 top-1/2 left-1/2 absolute transform -translate-x-1/2 -translate-y-1/2" loading="lazy" src="/icons/material-design.svg"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">SnackbarHost</span></a><a href="/docs/androidx.compose.material/material/components/Surface" target="" class="button-ghost rounded-lg p-0.5 flex flex-col items-start rounded-xl w-full"><div class="relative overflow-clip w-full h-48 rounded-lg overflow-clip bg-zinc-50 relative border border-outline  w-full h-48 rounded-lg overflow-clip bg-zinc-50  border border-outline"><img class="size-full opacity-40 w-20 top-1/2 left-1/2 absolute transform -translate-x-1/2 -translate-y-1/2" loading="lazy" src="/icons/material-design.svg"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">Surface</span></a><a href="/docs/androidx.compose.material/material/components/SwipeToDismiss" target="" class="button-ghost rounded-lg p-0.5 flex flex-col items-start rounded-xl w-full"><div class="relative overflow-clip w-full h-48 rounded-lg overflow-clip bg-zinc-50 relative border border-outline  w-full h-48 rounded-lg overflow-clip bg-zinc-50  border border-outline"><img class="size-full opacity-40 w-20 top-1/2 left-1/2 absolute transform -translate-x-1/2 -translate-y-1/2" loading="lazy" src="/icons/material-design.svg"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">SwipeToDismiss</span></a><a href="/docs/androidx.compose.material/material/components/Switch" target="" class="button-ghost rounded-lg p-0.5 flex flex-col items-start rounded-xl w-full"><div class="relative overflow-clip w-full h-48 rounded-lg overflow-clip bg-zinc-50 relative border border-outline  w-full h-48 rounded-lg overflow-clip bg-zinc-50  border border-outline"><img class="size-full opacity-40 w-20 top-1/2 left-1/2 absolute transform -translate-x-1/2 -translate-y-1/2" loading="lazy" src="/icons/material-design.svg"><img src="/static/images/material/switches.png" class="opacity-0 transition size-full object-cover absolute top-0 left-0" loading="lazy" onerror="this.style.display='none'" onload="this.style.opacity='1'"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">Switch</span></a><a href="/docs/androidx.compose.material/material/components/Tab" target="" class="button-ghost rounded-lg p-0.5 flex flex-col items-start rounded-xl w-full"><div class="relative overflow-clip w-full h-48 rounded-lg overflow-clip bg-zinc-50 relative border border-outline  w-full h-48 rounded-lg overflow-clip bg-zinc-50  border border-outline"><img class="size-full opacity-40 w-20 top-1/2 left-1/2 absolute transform -translate-x-1/2 -translate-y-1/2" loading="lazy" src="/icons/material-design.svg"><img src="/static/images/material/tab.png" class="opacity-0 transition size-full object-cover absolute top-0 left-0" loading="lazy" onerror="this.style.display='none'" onload="this.style.opacity='1'"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">Tab</span></a><a href="/docs/androidx.compose.material/material/components/TabRow" target="" class="button-ghost rounded-lg p-0.5 flex flex-col items-start rounded-xl w-full"><div class="relative overflow-clip w-full h-48 rounded-lg overflow-clip bg-zinc-50 relative border border-outline  w-full h-48 rounded-lg overflow-clip bg-zinc-50  border border-outline"><img class="size-full opacity-40 w-20 top-1/2 left-1/2 absolute transform -translate-x-1/2 -translate-y-1/2" loading="lazy" src="/icons/material-design.svg"><img src="/static/images/material/fixed-tabs.png" class="opacity-0 transition size-full object-cover absolute top-0 left-0" loading="lazy" onerror="this.style.display='none'" onload="this.style.opacity='1'"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">TabRow</span></a><a href="/docs/androidx.compose.material/material/components/Text" target="" class="button-ghost rounded-lg p-0.5 flex flex-col items-start rounded-xl w-full"><div class="relative overflow-clip w-full h-48 rounded-lg overflow-clip bg-zinc-50 relative border border-outline  w-full h-48 rounded-lg overflow-clip bg-zinc-50  border border-outline"><img class="size-full opacity-40 w-20 top-1/2 left-1/2 absolute transform -translate-x-1/2 -translate-y-1/2" loading="lazy" src="/icons/material-design.svg"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">Text</span></a><a href="/docs/androidx.compose.material/material/components/TextButton" target="" class="button-ghost rounded-lg p-0.5 flex flex-col items-start rounded-xl w-full"><div class="relative overflow-clip w-full h-48 rounded-lg overflow-clip bg-zinc-50 relative border border-outline  w-full h-48 rounded-lg overflow-clip bg-zinc-50  border border-outline"><img class="size-full opacity-40 w-20 top-1/2 left-1/2 absolute transform -translate-x-1/2 -translate-y-1/2" loading="lazy" src="/icons/material-design.svg"><img src="/static/images/material/text-button.png" class="opacity-0 transition size-full object-cover absolute top-0 left-0" loading="lazy" onerror="this.style.display='none'" onload="this.style.opacity='1'"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">TextButton</span></a><a href="/docs/androidx.compose.material/material/components/TextField" target="" class="button-ghost rounded-lg p-0.5 flex flex-col items-start rounded-xl w-full"><div class="relative overflow-clip w-full h-48 rounded-lg overflow-clip bg-zinc-50 relative border border-outline  w-full h-48 rounded-lg overflow-clip bg-zinc-50  border border-outline"><img class="size-full opacity-40 w-20 top-1/2 left-1/2 absolute transform -translate-x-1/2 -translate-y-1/2" loading="lazy" src="/icons/material-design.svg"><img src="/static/images/material/filled-text-field.png" class="opacity-0 transition size-full object-cover absolute top-0 left-0" loading="lazy" onerror="this.style.display='none'" onload="this.style.opacity='1'"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">TextField</span></a><a href="/docs/androidx.compose.material/material/components/TopAppBar" target="" class="button-ghost rounded-lg p-0.5 flex flex-col items-start rounded-xl w-full"><div class="relative overflow-clip w-full h-48 rounded-lg overflow-clip bg-zinc-50 relative border border-outline  w-full h-48 rounded-lg overflow-clip bg-zinc-50  border border-outline"><img class="size-full opacity-40 w-20 top-1/2 left-1/2 absolute transform -translate-x-1/2 -translate-y-1/2" loading="lazy" src="/icons/material-design.svg"><img src="/static/images/material/app-bars-top.png" class="opacity-0 transition size-full object-cover absolute top-0 left-0" loading="lazy" onerror="this.style.display='none'" onload="this.style.opacity='1'"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">TopAppBar</span></a><a href="/docs/androidx.compose.material/material/components/TriStateCheckbox" target="" class="button-ghost rounded-lg p-0.5 flex flex-col items-start rounded-xl w-full"><div class="relative overflow-clip w-full h-48 rounded-lg overflow-clip bg-zinc-50 relative border border-outline  w-full h-48 rounded-lg overflow-clip bg-zinc-50  border border-outline"><img class="size-full opacity-40 w-20 top-1/2 left-1/2 absolute transform -translate-x-1/2 -translate-y-1/2" loading="lazy" src="/icons/material-design.svg"><img src="/static/images/material/checkboxes.png" class="opacity-0 transition size-full object-cover absolute top-0 left-0" loading="lazy" onerror="this.style.display='none'" onload="this.style.opacity='1'"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">TriStateCheckbox</span></a></div>

## Composable Functions
- [contentColorFor](/docs/androidx.compose.material/material/composable-functions/contentColorFor)
- [rememberBackdropScaffoldState](/docs/androidx.compose.material/material/composable-functions/rememberBackdropScaffoldState)
- [rememberBottomDrawerState](/docs/androidx.compose.material/material/composable-functions/rememberBottomDrawerState)
- [rememberBottomSheetScaffoldState](/docs/androidx.compose.material/material/composable-functions/rememberBottomSheetScaffoldState)
- [rememberBottomSheetState](/docs/androidx.compose.material/material/composable-functions/rememberBottomSheetState)
- [rememberDismissState](/docs/androidx.compose.material/material/composable-functions/rememberDismissState)
- [rememberDrawerState](/docs/androidx.compose.material/material/composable-functions/rememberDrawerState)
- [rememberModalBottomSheetState](/docs/androidx.compose.material/material/composable-functions/rememberModalBottomSheetState)
- [rememberPullRefreshState](/docs/androidx.compose.material/material/composable-functions/rememberPullRefreshState)
- [rememberScaffoldState](/docs/androidx.compose.material/material/composable-functions/rememberScaffoldState)
- [rememberSwipeableState](/docs/androidx.compose.material/material/composable-functions/rememberSwipeableState)

## Modifiers
- [minimumInteractiveComponentSize](/docs/androidx.compose.material/material/modifiers/minimumInteractiveComponentSize)
- [pullRefresh](/docs/androidx.compose.material/material/modifiers/pullRefresh)
- [pullRefreshIndicatorTransform](/docs/androidx.compose.material/material/modifiers/pullRefreshIndicatorTransform)
- [swipeable](/docs/androidx.compose.material/material/modifiers/swipeable)

## Classes
- [BackdropScaffoldState](/docs/androidx.compose.material/material/classes/BackdropScaffoldState)
- [BackdropValue](/docs/androidx.compose.material/material/classes/BackdropValue)
- [BottomDrawerState](/docs/androidx.compose.material/material/classes/BottomDrawerState)
- [BottomDrawerValue](/docs/androidx.compose.material/material/classes/BottomDrawerValue)
- [BottomSheetScaffoldState](/docs/androidx.compose.material/material/classes/BottomSheetScaffoldState)
- [BottomSheetState](/docs/androidx.compose.material/material/classes/BottomSheetState)
- [BottomSheetValue](/docs/androidx.compose.material/material/classes/BottomSheetValue)
- [Colors](/docs/androidx.compose.material/material/classes/Colors)
- [DismissDirection](/docs/androidx.compose.material/material/classes/DismissDirection)
- [DismissState](/docs/androidx.compose.material/material/classes/DismissState)
- [DismissValue](/docs/androidx.compose.material/material/classes/DismissValue)
- [DrawerState](/docs/androidx.compose.material/material/classes/DrawerState)
- [DrawerValue](/docs/androidx.compose.material/material/classes/DrawerValue)
- [ExperimentalMaterialApi](/docs/androidx.compose.material/material/classes/ExperimentalMaterialApi)
- [ExposedDropdownMenuBoxScope](/docs/androidx.compose.material/material/classes/ExposedDropdownMenuBoxScope)
- [FabPosition](/docs/androidx.compose.material/material/classes/FabPosition)
- [FixedThreshold](/docs/androidx.compose.material/material/classes/FixedThreshold)
- [FractionalThreshold](/docs/androidx.compose.material/material/classes/FractionalThreshold)
- [ModalBottomSheetState](/docs/androidx.compose.material/material/classes/ModalBottomSheetState)
- [ModalBottomSheetValue](/docs/androidx.compose.material/material/classes/ModalBottomSheetValue)
- [PullRefreshState](/docs/androidx.compose.material/material/classes/PullRefreshState)
- [ResistanceConfig](/docs/androidx.compose.material/material/classes/ResistanceConfig)
- [RippleConfiguration](/docs/androidx.compose.material/material/classes/RippleConfiguration)
- [ScaffoldState](/docs/androidx.compose.material/material/classes/ScaffoldState)
- [Shapes](/docs/androidx.compose.material/material/classes/Shapes)
- [SnackbarDuration](/docs/androidx.compose.material/material/classes/SnackbarDuration)
- [SnackbarHostState](/docs/androidx.compose.material/material/classes/SnackbarHostState)
- [SnackbarResult](/docs/androidx.compose.material/material/classes/SnackbarResult)
- [SwipeProgress](/docs/androidx.compose.material/material/classes/SwipeProgress)
- [SwipeableState](/docs/androidx.compose.material/material/classes/SwipeableState)
- [TabPosition](/docs/androidx.compose.material/material/classes/TabPosition)
- [Typography](/docs/androidx.compose.material/material/classes/Typography)

## Interfaces
- [ButtonColors](/docs/androidx.compose.material/material/interfaces/ButtonColors)
- [ButtonElevation](/docs/androidx.compose.material/material/interfaces/ButtonElevation)
- [CheckboxColors](/docs/androidx.compose.material/material/interfaces/CheckboxColors)
- [ChipColors](/docs/androidx.compose.material/material/interfaces/ChipColors)
- [ElevationOverlay](/docs/androidx.compose.material/material/interfaces/ElevationOverlay)
- [FloatingActionButtonElevation](/docs/androidx.compose.material/material/interfaces/FloatingActionButtonElevation)
- [RadioButtonColors](/docs/androidx.compose.material/material/interfaces/RadioButtonColors)
- [SelectableChipColors](/docs/androidx.compose.material/material/interfaces/SelectableChipColors)
- [SliderColors](/docs/androidx.compose.material/material/interfaces/SliderColors)
- [SnackbarData](/docs/androidx.compose.material/material/interfaces/SnackbarData)
- [SwitchColors](/docs/androidx.compose.material/material/interfaces/SwitchColors)
- [TextFieldColors](/docs/androidx.compose.material/material/interfaces/TextFieldColors)
- [TextFieldColorsWithIcons](/docs/androidx.compose.material/material/interfaces/TextFieldColorsWithIcons)
- [ThresholdConfig](/docs/androidx.compose.material/material/interfaces/ThresholdConfig)

## Properties
- [LocalAbsoluteElevation](/docs/androidx.compose.material/material/properties/LocalAbsoluteElevation)
- [LocalContentAlpha](/docs/androidx.compose.material/material/properties/LocalContentAlpha)
- [LocalContentColor](/docs/androidx.compose.material/material/properties/LocalContentColor)
- [LocalElevationOverlay](/docs/androidx.compose.material/material/properties/LocalElevationOverlay)
- [LocalMinimumInteractiveComponentEnforcement](/docs/androidx.compose.material/material/properties/LocalMinimumInteractiveComponentEnforcement)
- [LocalMinimumTouchTargetEnforcement](/docs/androidx.compose.material/material/properties/LocalMinimumTouchTargetEnforcement)
- [LocalRippleConfiguration](/docs/androidx.compose.material/material/properties/LocalRippleConfiguration)
- [LocalTextStyle](/docs/androidx.compose.material/material/properties/LocalTextStyle)
- [primarySurface](/docs/androidx.compose.material/material/properties/primarySurface)

## Functions
- [BackdropScaffoldState](/docs/androidx.compose.material/material/functions/BackdropScaffoldState)
- [contentColorFor](/docs/androidx.compose.material/material/functions/contentColorFor)
- [darkColors](/docs/androidx.compose.material/material/functions/darkColors)
- [lightColors](/docs/androidx.compose.material/material/functions/lightColors)
- [ripple](/docs/androidx.compose.material/material/functions/ripple)