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

## Installation
```kotlin
implementation("androidx.wear.compose:compose-material:1.6.0")
```
## Compose Components
<div class="component-catalogue not-prose"><a href="/docs/androidx.wear.compose/compose-material/components/Alert" 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/wear-compose-material.svg"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">Alert</span></a><a href="/docs/androidx.wear.compose/compose-material/components/AppCard" 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/wear-compose-material.svg"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">AppCard</span></a><a href="/docs/androidx.wear.compose/compose-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/wear-compose-material.svg"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">Button</span></a><a href="/docs/androidx.wear.compose/compose-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/wear-compose-material.svg"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">Card</span></a><a href="/docs/androidx.wear.compose/compose-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/wear-compose-material.svg"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">Checkbox</span></a><a href="/docs/androidx.wear.compose/compose-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/wear-compose-material.svg"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">Chip</span></a><a href="/docs/androidx.wear.compose/compose-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/wear-compose-material.svg"><img src="/static/images/wear/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.wear.compose/compose-material/components/CompactButton" 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/wear-compose-material.svg"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">CompactButton</span></a><a href="/docs/androidx.wear.compose/compose-material/components/CompactChip" 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/wear-compose-material.svg"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">CompactChip</span></a><a href="/docs/androidx.wear.compose/compose-material/components/Confirmation" 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/wear-compose-material.svg"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">Confirmation</span></a><a href="/docs/androidx.wear.compose/compose-material/components/Dialog" 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/wear-compose-material.svg"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">Dialog</span></a><a href="/docs/androidx.wear.compose/compose-material/components/HorizontalPageIndicator" 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/wear-compose-material.svg"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">HorizontalPageIndicator</span></a><a href="/docs/androidx.wear.compose/compose-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/wear-compose-material.svg"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">Icon</span></a><a href="/docs/androidx.wear.compose/compose-material/components/InlineSlider" 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/wear-compose-material.svg"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">InlineSlider</span></a><a href="/docs/androidx.wear.compose/compose-material/components/ListHeader" 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/wear-compose-material.svg"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">ListHeader</span></a><a href="/docs/androidx.wear.compose/compose-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/wear-compose-material.svg"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">MaterialTheme</span></a><a href="/docs/androidx.wear.compose/compose-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/wear-compose-material.svg"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">OutlinedButton</span></a><a href="/docs/androidx.wear.compose/compose-material/components/OutlinedChip" 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/wear-compose-material.svg"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">OutlinedChip</span></a><a href="/docs/androidx.wear.compose/compose-material/components/OutlinedCompactButton" 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/wear-compose-material.svg"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">OutlinedCompactButton</span></a><a href="/docs/androidx.wear.compose/compose-material/components/OutlinedCompactChip" 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/wear-compose-material.svg"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">OutlinedCompactChip</span></a><a href="/docs/androidx.wear.compose/compose-material/components/Picker" 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/wear-compose-material.svg"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">Picker</span></a><a href="/docs/androidx.wear.compose/compose-material/components/PickerGroup" 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/wear-compose-material.svg"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">PickerGroup</span></a><a href="/docs/androidx.wear.compose/compose-material/components/PositionIndicator" 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/wear-compose-material.svg"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">PositionIndicator</span></a><a href="/docs/androidx.wear.compose/compose-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/wear-compose-material.svg"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">ProvideTextStyle</span></a><a href="/docs/androidx.wear.compose/compose-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/wear-compose-material.svg"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">RadioButton</span></a><a href="/docs/androidx.wear.compose/compose-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/wear-compose-material.svg"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">Scaffold</span></a><a href="/docs/androidx.wear.compose/compose-material/components/ScalingLazyColumn" 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/wear-compose-material.svg"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">ScalingLazyColumn</span></a><a href="/docs/androidx.wear.compose/compose-material/components/SelectableChip" 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/wear-compose-material.svg"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">SelectableChip</span></a><a href="/docs/androidx.wear.compose/compose-material/components/SplitSelectableChip" 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/wear-compose-material.svg"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">SplitSelectableChip</span></a><a href="/docs/androidx.wear.compose/compose-material/components/SplitToggleChip" 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/wear-compose-material.svg"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">SplitToggleChip</span></a><a href="/docs/androidx.wear.compose/compose-material/components/Stepper" 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/wear-compose-material.svg"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">Stepper</span></a><a href="/docs/androidx.wear.compose/compose-material/components/SwipeToDismissBox" 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/wear-compose-material.svg"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">SwipeToDismissBox</span></a><a href="/docs/androidx.wear.compose/compose-material/components/SwipeToRevealCard" 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/wear-compose-material.svg"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">SwipeToRevealCard</span></a><a href="/docs/androidx.wear.compose/compose-material/components/SwipeToRevealChip" 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/wear-compose-material.svg"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">SwipeToRevealChip</span></a><a href="/docs/androidx.wear.compose/compose-material/components/SwipeToRevealPrimaryAction" 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/wear-compose-material.svg"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">SwipeToRevealPrimaryAction</span></a><a href="/docs/androidx.wear.compose/compose-material/components/SwipeToRevealSecondaryAction" 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/wear-compose-material.svg"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">SwipeToRevealSecondaryAction</span></a><a href="/docs/androidx.wear.compose/compose-material/components/SwipeToRevealUndoAction" 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/wear-compose-material.svg"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">SwipeToRevealUndoAction</span></a><a href="/docs/androidx.wear.compose/compose-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/wear-compose-material.svg"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">Switch</span></a><a href="/docs/androidx.wear.compose/compose-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/wear-compose-material.svg"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">Text</span></a><a href="/docs/androidx.wear.compose/compose-material/components/TimeText" 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/wear-compose-material.svg"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">TimeText</span></a><a href="/docs/androidx.wear.compose/compose-material/components/TitleCard" 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/wear-compose-material.svg"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">TitleCard</span></a><a href="/docs/androidx.wear.compose/compose-material/components/ToggleButton" 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/wear-compose-material.svg"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">ToggleButton</span></a><a href="/docs/androidx.wear.compose/compose-material/components/ToggleChip" 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/wear-compose-material.svg"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">ToggleChip</span></a><a href="/docs/androidx.wear.compose/compose-material/components/Vignette" 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/wear-compose-material.svg"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">Vignette</span></a></div>

## Composable Functions
- [contentColorFor](/docs/androidx.wear.compose/compose-material/composable-functions/contentColorFor)
- [placeholder](/docs/androidx.wear.compose/compose-material/composable-functions/placeholder)
- [placeholderShimmer](/docs/androidx.wear.compose/compose-material/composable-functions/placeholderShimmer)
- [rememberPickerGroupState](/docs/androidx.wear.compose/compose-material/composable-functions/rememberPickerGroupState)
- [rememberPickerState](/docs/androidx.wear.compose/compose-material/composable-functions/rememberPickerState)
- [rememberPlaceholderState](/docs/androidx.wear.compose/compose-material/composable-functions/rememberPlaceholderState)
- [rememberRevealState](/docs/androidx.wear.compose/compose-material/composable-functions/rememberRevealState)
- [rememberScalingLazyListState](/docs/androidx.wear.compose/compose-material/composable-functions/rememberScalingLazyListState)
- [rememberSwipeToDismissBoxState](/docs/androidx.wear.compose/compose-material/composable-functions/rememberSwipeToDismissBoxState)
- [rememberSwipeableState](/docs/androidx.wear.compose/compose-material/composable-functions/rememberSwipeableState)

## Modifiers
- [edgeSwipeToDismiss](/docs/androidx.wear.compose/compose-material/modifiers/edgeSwipeToDismiss)
- [placeholder](/docs/androidx.wear.compose/compose-material/modifiers/placeholder)
- [placeholderShimmer](/docs/androidx.wear.compose/compose-material/modifiers/placeholderShimmer)
- [scrollAway](/docs/androidx.wear.compose/compose-material/modifiers/scrollAway)
- [swipeable](/docs/androidx.wear.compose/compose-material/modifiers/swipeable)

## Classes
- [AutoCenteringParams](/docs/androidx.wear.compose/compose-material/classes/AutoCenteringParams)
- [Colors](/docs/androidx.wear.compose/compose-material/classes/Colors)
- [ExperimentalWearMaterialApi](/docs/androidx.wear.compose/compose-material/classes/ExperimentalWearMaterialApi)
- [FixedThreshold](/docs/androidx.wear.compose/compose-material/classes/FixedThreshold)
- [FractionalThreshold](/docs/androidx.wear.compose/compose-material/classes/FractionalThreshold)
- [PageIndicatorStyle](/docs/androidx.wear.compose/compose-material/classes/PageIndicatorStyle)
- [PickerGroupItem](/docs/androidx.wear.compose/compose-material/classes/PickerGroupItem)
- [PickerGroupState](/docs/androidx.wear.compose/compose-material/classes/PickerGroupState)
- [PickerState](/docs/androidx.wear.compose/compose-material/classes/PickerState)
- [PlaceholderState](/docs/androidx.wear.compose/compose-material/classes/PlaceholderState)
- [PositionIndicatorAlignment](/docs/androidx.wear.compose/compose-material/classes/PositionIndicatorAlignment)
- [PositionIndicatorVisibility](/docs/androidx.wear.compose/compose-material/classes/PositionIndicatorVisibility)
- [ResistanceConfig](/docs/androidx.wear.compose/compose-material/classes/ResistanceConfig)
- [RevealActionType](/docs/androidx.wear.compose/compose-material/classes/RevealActionType)
- [RevealDirection](/docs/androidx.wear.compose/compose-material/classes/RevealDirection)
- [RevealState](/docs/androidx.wear.compose/compose-material/classes/RevealState)
- [RevealValue](/docs/androidx.wear.compose/compose-material/classes/RevealValue)
- [ScalingLazyListAnchorType](/docs/androidx.wear.compose/compose-material/classes/ScalingLazyListAnchorType)
- [ScalingLazyListState](/docs/androidx.wear.compose/compose-material/classes/ScalingLazyListState)
- [ScalingLazyScopeMarker](/docs/androidx.wear.compose/compose-material/classes/ScalingLazyScopeMarker)
- [Shapes](/docs/androidx.wear.compose/compose-material/classes/Shapes)
- [SwipeProgress](/docs/androidx.wear.compose/compose-material/classes/SwipeProgress)
- [SwipeToDismissBoxState](/docs/androidx.wear.compose/compose-material/classes/SwipeToDismissBoxState)
- [SwipeToDismissKeys](/docs/androidx.wear.compose/compose-material/classes/SwipeToDismissKeys)
- [SwipeToDismissValue](/docs/androidx.wear.compose/compose-material/classes/SwipeToDismissValue)
- [SwipeToRevealActionColors](/docs/androidx.wear.compose/compose-material/classes/SwipeToRevealActionColors)
- [SwipeableState](/docs/androidx.wear.compose/compose-material/classes/SwipeableState)
- [Typography](/docs/androidx.wear.compose/compose-material/classes/Typography)
- [VignettePosition](/docs/androidx.wear.compose/compose-material/classes/VignettePosition)

## Interfaces
- [ButtonBorder](/docs/androidx.wear.compose/compose-material/interfaces/ButtonBorder)
- [ButtonColors](/docs/androidx.wear.compose/compose-material/interfaces/ButtonColors)
- [CheckboxColors](/docs/androidx.wear.compose/compose-material/interfaces/CheckboxColors)
- [ChipBorder](/docs/androidx.wear.compose/compose-material/interfaces/ChipBorder)
- [ChipColors](/docs/androidx.wear.compose/compose-material/interfaces/ChipColors)
- [InlineSliderColors](/docs/androidx.wear.compose/compose-material/interfaces/InlineSliderColors)
- [PageIndicatorState](/docs/androidx.wear.compose/compose-material/interfaces/PageIndicatorState)
- [PickerScope](/docs/androidx.wear.compose/compose-material/interfaces/PickerScope)
- [PositionIndicatorState](/docs/androidx.wear.compose/compose-material/interfaces/PositionIndicatorState)
- [RadioButtonColors](/docs/androidx.wear.compose/compose-material/interfaces/RadioButtonColors)
- [ScalingLazyListItemInfo](/docs/androidx.wear.compose/compose-material/interfaces/ScalingLazyListItemInfo)
- [ScalingLazyListItemScope](/docs/androidx.wear.compose/compose-material/interfaces/ScalingLazyListItemScope)
- [ScalingLazyListLayoutInfo](/docs/androidx.wear.compose/compose-material/interfaces/ScalingLazyListLayoutInfo)
- [ScalingLazyListScope](/docs/androidx.wear.compose/compose-material/interfaces/ScalingLazyListScope)
- [ScalingParams](/docs/androidx.wear.compose/compose-material/interfaces/ScalingParams)
- [SelectableChipColors](/docs/androidx.wear.compose/compose-material/interfaces/SelectableChipColors)
- [SplitSelectableChipColors](/docs/androidx.wear.compose/compose-material/interfaces/SplitSelectableChipColors)
- [SplitToggleChipColors](/docs/androidx.wear.compose/compose-material/interfaces/SplitToggleChipColors)
- [SwitchColors](/docs/androidx.wear.compose/compose-material/interfaces/SwitchColors)
- [ThresholdConfig](/docs/androidx.wear.compose/compose-material/interfaces/ThresholdConfig)
- [TimeSource](/docs/androidx.wear.compose/compose-material/interfaces/TimeSource)
- [ToggleButtonColors](/docs/androidx.wear.compose/compose-material/interfaces/ToggleButtonColors)
- [ToggleChipColors](/docs/androidx.wear.compose/compose-material/interfaces/ToggleChipColors)
- [TouchExplorationStateProvider](/docs/androidx.wear.compose/compose-material/interfaces/TouchExplorationStateProvider)

## Properties
- [LocalContentAlpha](/docs/androidx.wear.compose/compose-material/properties/LocalContentAlpha)
- [LocalContentColor](/docs/androidx.wear.compose/compose-material/properties/LocalContentColor)
- [LocalTextStyle](/docs/androidx.wear.compose/compose-material/properties/LocalTextStyle)

## Functions
- [contentColorFor](/docs/androidx.wear.compose/compose-material/functions/contentColorFor)
- [curvedText](/docs/androidx.wear.compose/compose-material/functions/curvedText)
- [items](/docs/androidx.wear.compose/compose-material/functions/items)
- [itemsIndexed](/docs/androidx.wear.compose/compose-material/functions/itemsIndexed)
- [ripple](/docs/androidx.wear.compose/compose-material/functions/ripple)