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

## Installation
```kotlin
implementation("androidx.compose.material3:material3:1.5.0-alpha16")
```
## Compose Components
<div class="component-catalogue not-prose"><a href="/docs/androidx.compose.material3/material3/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/material3/basic-dialog.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.material3/material3/components/AppBarColumn" 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">AppBarColumn</span></a><a href="/docs/androidx.compose.material3/material3/components/AppBarOverflowIndicator" 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">AppBarOverflowIndicator</span></a><a href="/docs/androidx.compose.material3/material3/components/AppBarRow" 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">AppBarRow</span></a><a href="/docs/androidx.compose.material3/material3/components/AppBarWithSearch" 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/material3/search-bar.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">AppBarWithSearch</span></a><a href="/docs/androidx.compose.material3/material3/components/AssistChip" 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/material3/assist-chip.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">AssistChip</span></a><a href="/docs/androidx.compose.material3/material3/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"><img src="/static/images/material3/badge.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">Badge</span></a><a href="/docs/androidx.compose.material3/material3/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"><img src="/static/images/material3/badge.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">BadgedBox</span></a><a href="/docs/androidx.compose.material3/material3/components/BasicAlertDialog" 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/material3/basic-dialog.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">BasicAlertDialog</span></a><a href="/docs/androidx.compose.material3/material3/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/material3/bottom-app-bar.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.material3/material3/components/BottomSheet" 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">BottomSheet</span></a><a href="/docs/androidx.compose.material3/material3/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/material3/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.material3/material3/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/material3/filled-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.material3/material3/components/ButtonGroup" 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">ButtonGroup</span></a><a href="/docs/androidx.compose.material3/material3/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/material3/filled-card.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.material3/material3/components/CenterAlignedTopAppBar" 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/material3/center-aligned-top-app-bar.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">CenterAlignedTopAppBar</span></a><a href="/docs/androidx.compose.material3/material3/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/material3/checkbox.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.material3/material3/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/material3/lqdiyyvh-1P-progress-indicator-configurations.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.material3/material3/components/CircularWavyProgressIndicator" 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/material3/circular-wavy-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">CircularWavyProgressIndicator</span></a><a href="/docs/androidx.compose.material3/material3/components/ContainedLoadingIndicator" 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/material3/contained-loading-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">ContainedLoadingIndicator</span></a><a href="/docs/androidx.compose.material3/material3/components/DatePicker" 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/material3/date-picker.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">DatePicker</span></a><a href="/docs/androidx.compose.material3/material3/components/DatePickerDialog" 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">DatePickerDialog</span></a><a href="/docs/androidx.compose.material3/material3/components/DateRangePicker" 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/material3/range-picker.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">DateRangePicker</span></a><a href="/docs/androidx.compose.material3/material3/components/DismissibleDrawerSheet" 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">DismissibleDrawerSheet</span></a><a href="/docs/androidx.compose.material3/material3/components/DismissibleNavigationDrawer" 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/material3/navigation-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">DismissibleNavigationDrawer</span></a><a href="/docs/androidx.compose.material3/material3/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"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">Divider</span></a><a href="/docs/androidx.compose.material3/material3/components/DockedSearchBar" 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/material3/docked-search-bar.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">DockedSearchBar</span></a><a href="/docs/androidx.compose.material3/material3/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/material3/menu.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.material3/material3/components/DropdownMenuGroup" 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/material3/exposed-dropdown-menu-selectable-items.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">DropdownMenuGroup</span></a><a href="/docs/androidx.compose.material3/material3/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"><img src="/static/images/material3/menu.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">DropdownMenuItem</span></a><a href="/docs/androidx.compose.material3/material3/components/DropdownMenuPopup" 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/material3/exposed-dropdown-menu-selectable-items.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">DropdownMenuPopup</span></a><a href="/docs/androidx.compose.material3/material3/components/ElevatedAssistChip" 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/material3/elevated-assist-chip.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">ElevatedAssistChip</span></a><a href="/docs/androidx.compose.material3/material3/components/ElevatedButton" 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/material3/elevated-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">ElevatedButton</span></a><a href="/docs/androidx.compose.material3/material3/components/ElevatedCard" 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/material3/elevated-card.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">ElevatedCard</span></a><a href="/docs/androidx.compose.material3/material3/components/ElevatedFilterChip" 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/material3/elevated-filter-chip.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">ElevatedFilterChip</span></a><a href="/docs/androidx.compose.material3/material3/components/ElevatedSuggestionChip" 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/material3/elevated-suggestion-chip.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">ElevatedSuggestionChip</span></a><a href="/docs/androidx.compose.material3/material3/components/ElevatedToggleButton" 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">ElevatedToggleButton</span></a><a href="/docs/androidx.compose.material3/material3/components/ExpandedDockedSearchBar" 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">ExpandedDockedSearchBar</span></a><a href="/docs/androidx.compose.material3/material3/components/ExpandedDockedSearchBarWithGap" 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">ExpandedDockedSearchBarWithGap</span></a><a href="/docs/androidx.compose.material3/material3/components/ExpandedFullScreenContainedSearchBar" 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">ExpandedFullScreenContainedSearchBar</span></a><a href="/docs/androidx.compose.material3/material3/components/ExpandedFullScreenSearchBar" 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">ExpandedFullScreenSearchBar</span></a><a href="/docs/androidx.compose.material3/material3/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"><img src="/static/images/material3/exposed-dropdown-menu.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">ExposedDropdownMenuBox</span></a><a href="/docs/androidx.compose.material3/material3/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/material3/extended-fab.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.material3/material3/components/FilledIconButton" 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/material3/filled-icon-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">FilledIconButton</span></a><a href="/docs/androidx.compose.material3/material3/components/FilledIconToggleButton" 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/material3/filled-icon-toggle-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">FilledIconToggleButton</span></a><a href="/docs/androidx.compose.material3/material3/components/FilledTonalButton" 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/material3/filled-tonal-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">FilledTonalButton</span></a><a href="/docs/androidx.compose.material3/material3/components/FilledTonalIconButton" 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/material3/filled-tonal-icon-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">FilledTonalIconButton</span></a><a href="/docs/androidx.compose.material3/material3/components/FilledTonalIconToggleButton" 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/material3/filled-tonal-icon-toggle-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">FilledTonalIconToggleButton</span></a><a href="/docs/androidx.compose.material3/material3/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"><img src="/static/images/material3/filter-chip.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">FilterChip</span></a><a href="/docs/androidx.compose.material3/material3/components/FlexibleBottomAppBar" 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">FlexibleBottomAppBar</span></a><a href="/docs/androidx.compose.material3/material3/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/material3/fab.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.material3/material3/components/FloatingActionButtonMenu" 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">FloatingActionButtonMenu</span></a><a href="/docs/androidx.compose.material3/material3/components/FloatingActionButtonMenuItem" 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">FloatingActionButtonMenuItem</span></a><a href="/docs/androidx.compose.material3/material3/components/HorizontalCenteredHeroCarousel" 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">HorizontalCenteredHeroCarousel</span></a><a href="/docs/androidx.compose.material3/material3/components/HorizontalDivider" 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/material3/divider.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">HorizontalDivider</span></a><a href="/docs/androidx.compose.material3/material3/components/HorizontalFloatingToolbar" 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">HorizontalFloatingToolbar</span></a><a href="/docs/androidx.compose.material3/material3/components/HorizontalMultiBrowseCarousel" 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">HorizontalMultiBrowseCarousel</span></a><a href="/docs/androidx.compose.material3/material3/components/HorizontalUncontainedCarousel" 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">HorizontalUncontainedCarousel</span></a><a href="/docs/androidx.compose.material3/material3/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.material3/material3/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"><img src="/static/images/material3/standard-icon-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">IconButton</span></a><a href="/docs/androidx.compose.material3/material3/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"><img src="/static/images/material3/standard-icon-toggle-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">IconToggleButton</span></a><a href="/docs/androidx.compose.material3/material3/components/InputChip" 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/material3/input-chip.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">InputChip</span></a><a href="/docs/androidx.compose.material3/material3/components/Label" 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">Label</span></a><a href="/docs/androidx.compose.material3/material3/components/LargeExtendedFloatingActionButton" 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">LargeExtendedFloatingActionButton</span></a><a href="/docs/androidx.compose.material3/material3/components/LargeFlexibleTopAppBar" 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/material3/large-top-app-bar.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">LargeFlexibleTopAppBar</span></a><a href="/docs/androidx.compose.material3/material3/components/LargeFloatingActionButton" 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/material3/large-fab.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">LargeFloatingActionButton</span></a><a href="/docs/androidx.compose.material3/material3/components/LargeTopAppBar" 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/material3/large-top-app-bar.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">LargeTopAppBar</span></a><a href="/docs/androidx.compose.material3/material3/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"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">LeadingIconTab</span></a><a href="/docs/androidx.compose.material3/material3/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/material3/lqdiyyvh-1P-progress-indicator-configurations.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.material3/material3/components/LinearWavyProgressIndicator" 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/material3/linear-wavy-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">LinearWavyProgressIndicator</span></a><a href="/docs/androidx.compose.material3/material3/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/material3/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.material3/material3/components/LoadingIndicator" 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/material3/loading-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">LoadingIndicator</span></a><a href="/docs/androidx.compose.material3/material3/components/MaterialExpressiveTheme" 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">MaterialExpressiveTheme</span></a><a href="/docs/androidx.compose.material3/material3/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.material3/material3/components/MediumExtendedFloatingActionButton" 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">MediumExtendedFloatingActionButton</span></a><a href="/docs/androidx.compose.material3/material3/components/MediumFlexibleTopAppBar" 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/material3/medium-top-app-bar.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">MediumFlexibleTopAppBar</span></a><a href="/docs/androidx.compose.material3/material3/components/MediumFloatingActionButton" 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">MediumFloatingActionButton</span></a><a href="/docs/androidx.compose.material3/material3/components/MediumTopAppBar" 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/material3/medium-top-app-bar.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">MediumTopAppBar</span></a><a href="/docs/androidx.compose.material3/material3/components/ModalBottomSheet" 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/material3/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">ModalBottomSheet</span></a><a href="/docs/androidx.compose.material3/material3/components/ModalDrawerSheet" 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">ModalDrawerSheet</span></a><a href="/docs/androidx.compose.material3/material3/components/ModalNavigationDrawer" 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/material3/navigation-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">ModalNavigationDrawer</span></a><a href="/docs/androidx.compose.material3/material3/components/ModalWideNavigationRail" 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">ModalWideNavigationRail</span></a><a href="/docs/androidx.compose.material3/material3/components/MultiAspectCarouselScope" 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">MultiAspectCarouselScope</span></a><a href="/docs/androidx.compose.material3/material3/components/MultiChoiceSegmentedButtonRow" 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">MultiChoiceSegmentedButtonRow</span></a><a href="/docs/androidx.compose.material3/material3/components/NavigationBar" 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/material3/navigation-bar.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">NavigationBar</span></a><a href="/docs/androidx.compose.material3/material3/components/NavigationBarItem" 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">NavigationBarItem</span></a><a href="/docs/androidx.compose.material3/material3/components/NavigationDrawerItem" 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">NavigationDrawerItem</span></a><a href="/docs/androidx.compose.material3/material3/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/material3/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.material3/material3/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.material3/material3/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/material3/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.material3/material3/components/OutlinedCard" 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/material3/outlined-card.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">OutlinedCard</span></a><a href="/docs/androidx.compose.material3/material3/components/OutlinedIconButton" 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/material3/outlined-icon-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">OutlinedIconButton</span></a><a href="/docs/androidx.compose.material3/material3/components/OutlinedIconToggleButton" 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/material3/outlined-icon-toggle-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">OutlinedIconToggleButton</span></a><a href="/docs/androidx.compose.material3/material3/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.material3/material3/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/material3/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.material3/material3/components/OutlinedToggleButton" 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">OutlinedToggleButton</span></a><a href="/docs/androidx.compose.material3/material3/components/PermanentDrawerSheet" 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">PermanentDrawerSheet</span></a><a href="/docs/androidx.compose.material3/material3/components/PermanentNavigationDrawer" 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/material3/navigation-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">PermanentNavigationDrawer</span></a><a href="/docs/androidx.compose.material3/material3/components/PlainTooltip" 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">PlainTooltip</span></a><a href="/docs/androidx.compose.material3/material3/components/PrimaryScrollableTabRow" 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">PrimaryScrollableTabRow</span></a><a href="/docs/androidx.compose.material3/material3/components/PrimaryTabRow" 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">PrimaryTabRow</span></a><a href="/docs/androidx.compose.material3/material3/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.material3/material3/components/PullToRefreshBox" 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">PullToRefreshBox</span></a><a href="/docs/androidx.compose.material3/material3/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/material3/radio-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">RadioButton</span></a><a href="/docs/androidx.compose.material3/material3/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.material3/material3/components/RichTooltip" 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">RichTooltip</span></a><a href="/docs/androidx.compose.material3/material3/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.material3/material3/components/Scrim" 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">Scrim</span></a><a href="/docs/androidx.compose.material3/material3/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"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">ScrollableTabRow</span></a><a href="/docs/androidx.compose.material3/material3/components/SearchBar" 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/material3/search-bar.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">SearchBar</span></a><a href="/docs/androidx.compose.material3/material3/components/SecondaryScrollableTabRow" 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">SecondaryScrollableTabRow</span></a><a href="/docs/androidx.compose.material3/material3/components/SecondaryTabRow" 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">SecondaryTabRow</span></a><a href="/docs/androidx.compose.material3/material3/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.material3/material3/components/SegmentedButton" 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">SegmentedButton</span></a><a href="/docs/androidx.compose.material3/material3/components/SegmentedListItem" 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">SegmentedListItem</span></a><a href="/docs/androidx.compose.material3/material3/components/ShortNavigationBar" 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/material3/short-navigation-bar-vertical-items.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">ShortNavigationBar</span></a><a href="/docs/androidx.compose.material3/material3/components/ShortNavigationBarItem" 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">ShortNavigationBarItem</span></a><a href="/docs/androidx.compose.material3/material3/components/SingleChoiceSegmentedButtonRow" 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">SingleChoiceSegmentedButtonRow</span></a><a href="/docs/androidx.compose.material3/material3/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/material3/lqe2zb2b-1.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.material3/material3/components/SmallExtendedFloatingActionButton" 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">SmallExtendedFloatingActionButton</span></a><a href="/docs/androidx.compose.material3/material3/components/SmallFloatingActionButton" 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/material3/small-fab.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">SmallFloatingActionButton</span></a><a href="/docs/androidx.compose.material3/material3/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/material3/snackbar.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.material3/material3/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.material3/material3/components/SplitButtonLayout" 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">SplitButtonLayout</span></a><a href="/docs/androidx.compose.material3/material3/components/SuggestionChip" 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/material3/suggestion-chip.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">SuggestionChip</span></a><a href="/docs/androidx.compose.material3/material3/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.material3/material3/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/material-design.svg"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">SwipeToDismissBox</span></a><a href="/docs/androidx.compose.material3/material3/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/material3/switch.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.material3/material3/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/material3/secondary-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">Tab</span></a><a href="/docs/androidx.compose.material3/material3/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"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">TabRow</span></a><a href="/docs/androidx.compose.material3/material3/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.material3/material3/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/material3/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.material3/material3/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/material3/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.material3/material3/components/TimeInput" 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">TimeInput</span></a><a href="/docs/androidx.compose.material3/material3/components/TimePicker" 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/material3/time-picker.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">TimePicker</span></a><a href="/docs/androidx.compose.material3/material3/components/TimePickerDialog" 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">TimePickerDialog</span></a><a href="/docs/androidx.compose.material3/material3/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/material-design.svg"></div>
<span class="mt-2 font-semibold text-gray-800 w-full overflow-clip text-ellipsis">ToggleButton</span></a><a href="/docs/androidx.compose.material3/material3/components/ToggleFloatingActionButton" 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">ToggleFloatingActionButton</span></a><a href="/docs/androidx.compose.material3/material3/components/TonalToggleButton" 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">TonalToggleButton</span></a><a href="/docs/androidx.compose.material3/material3/components/TooltipBox" 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">TooltipBox</span></a><a href="/docs/androidx.compose.material3/material3/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/material3/small-top-app-bar.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.material3/material3/components/TopSearchBar" 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/material3/search-bar.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">TopSearchBar</span></a><a href="/docs/androidx.compose.material3/material3/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/material3/indeterminate-checkbox.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><a href="/docs/androidx.compose.material3/material3/components/TwoRowsTopAppBar" 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/material3/medium-top-app-bar.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">TwoRowsTopAppBar</span></a><a href="/docs/androidx.compose.material3/material3/components/VerticalDivider" 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/material3/divider.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">VerticalDivider</span></a><a href="/docs/androidx.compose.material3/material3/components/VerticalDragHandle" 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">VerticalDragHandle</span></a><a href="/docs/androidx.compose.material3/material3/components/VerticalFloatingToolbar" 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">VerticalFloatingToolbar</span></a><a href="/docs/androidx.compose.material3/material3/components/VerticalSlider" 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/material3/lqe2zb2b-1.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">VerticalSlider</span></a><a href="/docs/androidx.compose.material3/material3/components/WideNavigationRail" 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/material3/wide-navigation-rail-collapsed.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">WideNavigationRail</span></a><a href="/docs/androidx.compose.material3/material3/components/WideNavigationRailItem" 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">WideNavigationRailItem</span></a></div>

## Composable Functions
- [contentColorFor](/docs/androidx.compose.material3/material3/composable-functions/contentColorFor)
- [rememberBottomAppBarState](/docs/androidx.compose.material3/material3/composable-functions/rememberBottomAppBarState)
- [rememberBottomSheetScaffoldState](/docs/androidx.compose.material3/material3/composable-functions/rememberBottomSheetScaffoldState)
- [rememberCarouselState](/docs/androidx.compose.material3/material3/composable-functions/rememberCarouselState)
- [rememberContainedSearchBarState](/docs/androidx.compose.material3/material3/composable-functions/rememberContainedSearchBarState)
- [rememberDatePickerState](/docs/androidx.compose.material3/material3/composable-functions/rememberDatePickerState)
- [rememberDateRangePickerState](/docs/androidx.compose.material3/material3/composable-functions/rememberDateRangePickerState)
- [rememberDrawerState](/docs/androidx.compose.material3/material3/composable-functions/rememberDrawerState)
- [rememberFloatingToolbarState](/docs/androidx.compose.material3/material3/composable-functions/rememberFloatingToolbarState)
- [rememberModalBottomSheetState](/docs/androidx.compose.material3/material3/composable-functions/rememberModalBottomSheetState)
- [rememberPullToRefreshState](/docs/androidx.compose.material3/material3/composable-functions/rememberPullToRefreshState)
- [rememberRangeSliderState](/docs/androidx.compose.material3/material3/composable-functions/rememberRangeSliderState)
- [rememberSearchBarState](/docs/androidx.compose.material3/material3/composable-functions/rememberSearchBarState)
- [rememberSliderState](/docs/androidx.compose.material3/material3/composable-functions/rememberSliderState)
- [rememberStandardBottomSheetState](/docs/androidx.compose.material3/material3/composable-functions/rememberStandardBottomSheetState)
- [rememberSwipeToDismissBoxState](/docs/androidx.compose.material3/material3/composable-functions/rememberSwipeToDismissBoxState)
- [rememberTimePickerState](/docs/androidx.compose.material3/material3/composable-functions/rememberTimePickerState)
- [rememberTooltipState](/docs/androidx.compose.material3/material3/composable-functions/rememberTooltipState)
- [rememberTopAppBarState](/docs/androidx.compose.material3/material3/composable-functions/rememberTopAppBarState)
- [rememberWideNavigationRailState](/docs/androidx.compose.material3/material3/composable-functions/rememberWideNavigationRailState)
- [rememberWithGapSearchBarState](/docs/androidx.compose.material3/material3/composable-functions/rememberWithGapSearchBarState)
- [toPath](/docs/androidx.compose.material3/material3/composable-functions/toPath)
- [toShape](/docs/androidx.compose.material3/material3/composable-functions/toShape)

## Modifiers
- [animateFloatingActionButton](/docs/androidx.compose.material3/material3/modifiers/animateFloatingActionButton)
- [minimumInteractiveComponentSize](/docs/androidx.compose.material3/material3/modifiers/minimumInteractiveComponentSize)
- [pullToRefresh](/docs/androidx.compose.material3/material3/modifiers/pullToRefresh)

## Classes
- [AppBarMenuState](/docs/androidx.compose.material3/material3/classes/AppBarMenuState)
- [AppBarWithSearchColors](/docs/androidx.compose.material3/material3/classes/AppBarWithSearchColors)
- [BasicAlertDialogOverrideScope](/docs/androidx.compose.material3/material3/classes/BasicAlertDialogOverrideScope)
- [BottomSheetScaffoldState](/docs/androidx.compose.material3/material3/classes/BottomSheetScaffoldState)
- [ButtonColors](/docs/androidx.compose.material3/material3/classes/ButtonColors)
- [ButtonElevation](/docs/androidx.compose.material3/material3/classes/ButtonElevation)
- [ButtonGroupMenuState](/docs/androidx.compose.material3/material3/classes/ButtonGroupMenuState)
- [ButtonShapes](/docs/androidx.compose.material3/material3/classes/ButtonShapes)
- [CalendarLocale](/docs/androidx.compose.material3/material3/classes/CalendarLocale)
- [CardColors](/docs/androidx.compose.material3/material3/classes/CardColors)
- [CardElevation](/docs/androidx.compose.material3/material3/classes/CardElevation)
- [CarouselState](/docs/androidx.compose.material3/material3/classes/CarouselState)
- [CheckboxColors](/docs/androidx.compose.material3/material3/classes/CheckboxColors)
- [ChipBorder](/docs/androidx.compose.material3/material3/classes/ChipBorder)
- [ChipColors](/docs/androidx.compose.material3/material3/classes/ChipColors)
- [ChipElevation](/docs/androidx.compose.material3/material3/classes/ChipElevation)
- [ColorScheme](/docs/androidx.compose.material3/material3/classes/ColorScheme)
- [DatePickerColors](/docs/androidx.compose.material3/material3/classes/DatePickerColors)
- [DefaultTooltipCaretShape](/docs/androidx.compose.material3/material3/classes/DefaultTooltipCaretShape)
- [DisplayMode](/docs/androidx.compose.material3/material3/classes/DisplayMode)
- [DragHandleColors](/docs/androidx.compose.material3/material3/classes/DragHandleColors)
- [DragHandleShapes](/docs/androidx.compose.material3/material3/classes/DragHandleShapes)
- [DragHandleSizes](/docs/androidx.compose.material3/material3/classes/DragHandleSizes)
- [DrawerState](/docs/androidx.compose.material3/material3/classes/DrawerState)
- [DrawerValue](/docs/androidx.compose.material3/material3/classes/DrawerValue)
- [ExitAlwaysFloatingToolbarScrollBehavior](/docs/androidx.compose.material3/material3/classes/ExitAlwaysFloatingToolbarScrollBehavior)
- [ExperimentalMaterial3Api](/docs/androidx.compose.material3/material3/classes/ExperimentalMaterial3Api)
- [ExperimentalMaterial3ComponentOverrideApi](/docs/androidx.compose.material3/material3/classes/ExperimentalMaterial3ComponentOverrideApi)
- [ExperimentalMaterial3ExpressiveApi](/docs/androidx.compose.material3/material3/classes/ExperimentalMaterial3ExpressiveApi)
- [ExposedDropdownMenuAnchorType](/docs/androidx.compose.material3/material3/classes/ExposedDropdownMenuAnchorType)
- [ExposedDropdownMenuBoxScope](/docs/androidx.compose.material3/material3/classes/ExposedDropdownMenuBoxScope)
- [FabPosition](/docs/androidx.compose.material3/material3/classes/FabPosition)
- [FloatingActionButtonElevation](/docs/androidx.compose.material3/material3/classes/FloatingActionButtonElevation)
- [FloatingToolbarColors](/docs/androidx.compose.material3/material3/classes/FloatingToolbarColors)
- [FloatingToolbarExitDirection](/docs/androidx.compose.material3/material3/classes/FloatingToolbarExitDirection)
- [FloatingToolbarHorizontalFabPosition](/docs/androidx.compose.material3/material3/classes/FloatingToolbarHorizontalFabPosition)
- [FloatingToolbarVerticalFabPosition](/docs/androidx.compose.material3/material3/classes/FloatingToolbarVerticalFabPosition)
- [HorizontalFloatingToolbarOverrideScope](/docs/androidx.compose.material3/material3/classes/HorizontalFloatingToolbarOverrideScope)
- [HorizontalFloatingToolbarWithFabOverrideScope](/docs/androidx.compose.material3/material3/classes/HorizontalFloatingToolbarWithFabOverrideScope)
- [IconButtonColors](/docs/androidx.compose.material3/material3/classes/IconButtonColors)
- [IconButtonShapes](/docs/androidx.compose.material3/material3/classes/IconButtonShapes)
- [IconToggleButtonColors](/docs/androidx.compose.material3/material3/classes/IconToggleButtonColors)
- [IconToggleButtonShapes](/docs/androidx.compose.material3/material3/classes/IconToggleButtonShapes)
- [ListItemColors](/docs/androidx.compose.material3/material3/classes/ListItemColors)
- [ListItemElevation](/docs/androidx.compose.material3/material3/classes/ListItemElevation)
- [ListItemShapes](/docs/androidx.compose.material3/material3/classes/ListItemShapes)
- [MaterialShapes](/docs/androidx.compose.material3/material3/classes/MaterialShapes)
- [MenuGroupShapes](/docs/androidx.compose.material3/material3/classes/MenuGroupShapes)
- [MenuItemColors](/docs/androidx.compose.material3/material3/classes/MenuItemColors)
- [MenuItemShapes](/docs/androidx.compose.material3/material3/classes/MenuItemShapes)
- [ModalBottomSheetProperties](/docs/androidx.compose.material3/material3/classes/ModalBottomSheetProperties)
- [ModalWideNavigationRailOverrideScope](/docs/androidx.compose.material3/material3/classes/ModalWideNavigationRailOverrideScope)
- [ModalWideNavigationRailProperties](/docs/androidx.compose.material3/material3/classes/ModalWideNavigationRailProperties)
- [NavigationBarItemColors](/docs/androidx.compose.material3/material3/classes/NavigationBarItemColors)
- [NavigationBarOverrideScope](/docs/androidx.compose.material3/material3/classes/NavigationBarOverrideScope)
- [NavigationItemColors](/docs/androidx.compose.material3/material3/classes/NavigationItemColors)
- [NavigationItemIconPosition](/docs/androidx.compose.material3/material3/classes/NavigationItemIconPosition)
- [NavigationRailItemColors](/docs/androidx.compose.material3/material3/classes/NavigationRailItemColors)
- [NavigationRailOverrideScope](/docs/androidx.compose.material3/material3/classes/NavigationRailOverrideScope)
- [RadioButtonColors](/docs/androidx.compose.material3/material3/classes/RadioButtonColors)
- [RangeSliderState](/docs/androidx.compose.material3/material3/classes/RangeSliderState)
- [RichTooltipColors](/docs/androidx.compose.material3/material3/classes/RichTooltipColors)
- [RippleConfiguration](/docs/androidx.compose.material3/material3/classes/RippleConfiguration)
- [SearchBarColors](/docs/androidx.compose.material3/material3/classes/SearchBarColors)
- [SearchBarState](/docs/androidx.compose.material3/material3/classes/SearchBarState)
- [SearchBarValue](/docs/androidx.compose.material3/material3/classes/SearchBarValue)
- [SegmentedButtonColors](/docs/androidx.compose.material3/material3/classes/SegmentedButtonColors)
- [SelectableChipColors](/docs/androidx.compose.material3/material3/classes/SelectableChipColors)
- [SelectableChipElevation](/docs/androidx.compose.material3/material3/classes/SelectableChipElevation)
- [Shapes](/docs/androidx.compose.material3/material3/classes/Shapes)
- [SheetState](/docs/androidx.compose.material3/material3/classes/SheetState)
- [SheetValue](/docs/androidx.compose.material3/material3/classes/SheetValue)
- [ShortNavigationBarArrangement](/docs/androidx.compose.material3/material3/classes/ShortNavigationBarArrangement)
- [ShortNavigationBarOverrideScope](/docs/androidx.compose.material3/material3/classes/ShortNavigationBarOverrideScope)
- [SingleRowTopAppBarOverrideScope](/docs/androidx.compose.material3/material3/classes/SingleRowTopAppBarOverrideScope)
- [SliderColors](/docs/androidx.compose.material3/material3/classes/SliderColors)
- [SliderPositions](/docs/androidx.compose.material3/material3/classes/SliderPositions)
- [SliderState](/docs/androidx.compose.material3/material3/classes/SliderState)
- [SnackbarDuration](/docs/androidx.compose.material3/material3/classes/SnackbarDuration)
- [SnackbarHostState](/docs/androidx.compose.material3/material3/classes/SnackbarHostState)
- [SnackbarResult](/docs/androidx.compose.material3/material3/classes/SnackbarResult)
- [SplitButtonShapes](/docs/androidx.compose.material3/material3/classes/SplitButtonShapes)
- [SwipeToDismissBoxState](/docs/androidx.compose.material3/material3/classes/SwipeToDismissBoxState)
- [SwipeToDismissBoxValue](/docs/androidx.compose.material3/material3/classes/SwipeToDismissBoxValue)
- [SwitchColors](/docs/androidx.compose.material3/material3/classes/SwitchColors)
- [TabPosition](/docs/androidx.compose.material3/material3/classes/TabPosition)
- [TextFieldColors](/docs/androidx.compose.material3/material3/classes/TextFieldColors)
- [TextFieldLabelPosition](/docs/androidx.compose.material3/material3/classes/TextFieldLabelPosition)
- [TimePickerColors](/docs/androidx.compose.material3/material3/classes/TimePickerColors)
- [TimePickerDisplayMode](/docs/androidx.compose.material3/material3/classes/TimePickerDisplayMode)
- [TimePickerLayoutType](/docs/androidx.compose.material3/material3/classes/TimePickerLayoutType)
- [TimePickerSelectionMode](/docs/androidx.compose.material3/material3/classes/TimePickerSelectionMode)
- [ToggleButtonColors](/docs/androidx.compose.material3/material3/classes/ToggleButtonColors)
- [ToggleButtonShapes](/docs/androidx.compose.material3/material3/classes/ToggleButtonShapes)
- [TooltipAnchorPosition](/docs/androidx.compose.material3/material3/classes/TooltipAnchorPosition)
- [TopAppBarColors](/docs/androidx.compose.material3/material3/classes/TopAppBarColors)
- [TopAppBarState](/docs/androidx.compose.material3/material3/classes/TopAppBarState)
- [TwoRowsTopAppBarOverrideScope](/docs/androidx.compose.material3/material3/classes/TwoRowsTopAppBarOverrideScope)
- [Typography](/docs/androidx.compose.material3/material3/classes/Typography)
- [VerticalFloatingToolbarOverrideScope](/docs/androidx.compose.material3/material3/classes/VerticalFloatingToolbarOverrideScope)
- [VerticalFloatingToolbarWithFabOverrideScope](/docs/androidx.compose.material3/material3/classes/VerticalFloatingToolbarWithFabOverrideScope)
- [WideNavigationRailColors](/docs/androidx.compose.material3/material3/classes/WideNavigationRailColors)
- [WideNavigationRailOverrideScope](/docs/androidx.compose.material3/material3/classes/WideNavigationRailOverrideScope)
- [WideNavigationRailValue](/docs/androidx.compose.material3/material3/classes/WideNavigationRailValue)

## Interfaces
- [AppBarColumnScope](/docs/androidx.compose.material3/material3/interfaces/AppBarColumnScope)
- [AppBarRowScope](/docs/androidx.compose.material3/material3/interfaces/AppBarRowScope)
- [AppBarScope](/docs/androidx.compose.material3/material3/interfaces/AppBarScope)
- [BasicAlertDialogOverride](/docs/androidx.compose.material3/material3/interfaces/BasicAlertDialogOverride)
- [BottomAppBarScrollBehavior](/docs/androidx.compose.material3/material3/interfaces/BottomAppBarScrollBehavior)
- [BottomAppBarState](/docs/androidx.compose.material3/material3/interfaces/BottomAppBarState)
- [ButtonGroupScope](/docs/androidx.compose.material3/material3/interfaces/ButtonGroupScope)
- [CarouselItemDrawInfo](/docs/androidx.compose.material3/material3/interfaces/CarouselItemDrawInfo)
- [CarouselItemScope](/docs/androidx.compose.material3/material3/interfaces/CarouselItemScope)
- [DatePickerFormatter](/docs/androidx.compose.material3/material3/interfaces/DatePickerFormatter)
- [DatePickerState](/docs/androidx.compose.material3/material3/interfaces/DatePickerState)
- [DateRangePickerState](/docs/androidx.compose.material3/material3/interfaces/DateRangePickerState)
- [FloatingActionButtonMenuScope](/docs/androidx.compose.material3/material3/interfaces/FloatingActionButtonMenuScope)
- [FloatingToolbarScrollBehavior](/docs/androidx.compose.material3/material3/interfaces/FloatingToolbarScrollBehavior)
- [FloatingToolbarState](/docs/androidx.compose.material3/material3/interfaces/FloatingToolbarState)
- [HorizontalFloatingToolbarOverride](/docs/androidx.compose.material3/material3/interfaces/HorizontalFloatingToolbarOverride)
- [HorizontalFloatingToolbarWithFabOverride](/docs/androidx.compose.material3/material3/interfaces/HorizontalFloatingToolbarWithFabOverride)
- [ModalWideNavigationRailOverride](/docs/androidx.compose.material3/material3/interfaces/ModalWideNavigationRailOverride)
- [MotionScheme](/docs/androidx.compose.material3/material3/interfaces/MotionScheme)
- [MultiAspectCarouselItemDrawInfo](/docs/androidx.compose.material3/material3/interfaces/MultiAspectCarouselItemDrawInfo)
- [MultiAspectCarouselScope](/docs/androidx.compose.material3/material3/interfaces/MultiAspectCarouselScope)
- [MultiChoiceSegmentedButtonRowScope](/docs/androidx.compose.material3/material3/interfaces/MultiChoiceSegmentedButtonRowScope)
- [NavigationBarOverride](/docs/androidx.compose.material3/material3/interfaces/NavigationBarOverride)
- [NavigationDrawerItemColors](/docs/androidx.compose.material3/material3/interfaces/NavigationDrawerItemColors)
- [NavigationRailOverride](/docs/androidx.compose.material3/material3/interfaces/NavigationRailOverride)
- [PullToRefreshState](/docs/androidx.compose.material3/material3/interfaces/PullToRefreshState)
- [SearchBarScrollBehavior](/docs/androidx.compose.material3/material3/interfaces/SearchBarScrollBehavior)
- [SelectableDates](/docs/androidx.compose.material3/material3/interfaces/SelectableDates)
- [ShortNavigationBarOverride](/docs/androidx.compose.material3/material3/interfaces/ShortNavigationBarOverride)
- [SingleChoiceSegmentedButtonRowScope](/docs/androidx.compose.material3/material3/interfaces/SingleChoiceSegmentedButtonRowScope)
- [SingleRowTopAppBarOverride](/docs/androidx.compose.material3/material3/interfaces/SingleRowTopAppBarOverride)
- [SnackbarData](/docs/androidx.compose.material3/material3/interfaces/SnackbarData)
- [SnackbarVisuals](/docs/androidx.compose.material3/material3/interfaces/SnackbarVisuals)
- [TabIndicatorScope](/docs/androidx.compose.material3/material3/interfaces/TabIndicatorScope)
- [TextFieldLabelScope](/docs/androidx.compose.material3/material3/interfaces/TextFieldLabelScope)
- [TimePickerState](/docs/androidx.compose.material3/material3/interfaces/TimePickerState)
- [ToggleFloatingActionButtonScope](/docs/androidx.compose.material3/material3/interfaces/ToggleFloatingActionButtonScope)
- [TooltipScope](/docs/androidx.compose.material3/material3/interfaces/TooltipScope)
- [TooltipState](/docs/androidx.compose.material3/material3/interfaces/TooltipState)
- [TopAppBarScrollBehavior](/docs/androidx.compose.material3/material3/interfaces/TopAppBarScrollBehavior)
- [TwoRowsTopAppBarOverride](/docs/androidx.compose.material3/material3/interfaces/TwoRowsTopAppBarOverride)
- [VerticalFloatingToolbarOverride](/docs/androidx.compose.material3/material3/interfaces/VerticalFloatingToolbarOverride)
- [VerticalFloatingToolbarWithFabOverride](/docs/androidx.compose.material3/material3/interfaces/VerticalFloatingToolbarWithFabOverride)
- [WideNavigationRailOverride](/docs/androidx.compose.material3/material3/interfaces/WideNavigationRailOverride)
- [WideNavigationRailState](/docs/androidx.compose.material3/material3/interfaces/WideNavigationRailState)

## Properties
- [LocalAbsoluteTonalElevation](/docs/androidx.compose.material3/material3/properties/LocalAbsoluteTonalElevation)
- [LocalBasicAlertDialogOverride](/docs/androidx.compose.material3/material3/properties/LocalBasicAlertDialogOverride)
- [LocalContentColor](/docs/androidx.compose.material3/material3/properties/LocalContentColor)
- [LocalHorizontalFloatingToolbarOverride](/docs/androidx.compose.material3/material3/properties/LocalHorizontalFloatingToolbarOverride)
- [LocalHorizontalFloatingToolbarWithFabOverride](/docs/androidx.compose.material3/material3/properties/LocalHorizontalFloatingToolbarWithFabOverride)
- [LocalMinimumInteractiveComponentEnforcement](/docs/androidx.compose.material3/material3/properties/LocalMinimumInteractiveComponentEnforcement)
- [LocalMinimumInteractiveComponentSize](/docs/androidx.compose.material3/material3/properties/LocalMinimumInteractiveComponentSize)
- [LocalModalWideNavigationRailOverride](/docs/androidx.compose.material3/material3/properties/LocalModalWideNavigationRailOverride)
- [LocalNavigationBarOverride](/docs/androidx.compose.material3/material3/properties/LocalNavigationBarOverride)
- [LocalNavigationRailOverride](/docs/androidx.compose.material3/material3/properties/LocalNavigationRailOverride)
- [LocalRippleConfiguration](/docs/androidx.compose.material3/material3/properties/LocalRippleConfiguration)
- [LocalShortNavigationBarOverride](/docs/androidx.compose.material3/material3/properties/LocalShortNavigationBarOverride)
- [LocalSingleRowTopAppBarOverride](/docs/androidx.compose.material3/material3/properties/LocalSingleRowTopAppBarOverride)
- [LocalTextStyle](/docs/androidx.compose.material3/material3/properties/LocalTextStyle)
- [LocalTonalElevationEnabled](/docs/androidx.compose.material3/material3/properties/LocalTonalElevationEnabled)
- [LocalTwoRowsTopAppBarOverride](/docs/androidx.compose.material3/material3/properties/LocalTwoRowsTopAppBarOverride)
- [LocalVerticalToolbarOverride](/docs/androidx.compose.material3/material3/properties/LocalVerticalToolbarOverride)
- [LocalVerticalToolbarWithFabOverride](/docs/androidx.compose.material3/material3/properties/LocalVerticalToolbarWithFabOverride)
- [LocalWideNavigationRailOverride](/docs/androidx.compose.material3/material3/properties/LocalWideNavigationRailOverride)
- [MinimumInteractiveLeftAlignmentLine](/docs/androidx.compose.material3/material3/properties/MinimumInteractiveLeftAlignmentLine)
- [MinimumInteractiveTopAlignmentLine](/docs/androidx.compose.material3/material3/properties/MinimumInteractiveTopAlignmentLine)
- [isHourInputValid](/docs/androidx.compose.material3/material3/properties/isHourInputValid)
- [isInputValid](/docs/androidx.compose.material3/material3/properties/isInputValid)
- [isMinuteInputValid](/docs/androidx.compose.material3/material3/properties/isMinuteInputValid)
- [isPm](/docs/androidx.compose.material3/material3/properties/isPm)

## Functions
- [BottomAppBarState](/docs/androidx.compose.material3/material3/functions/BottomAppBarState)
- [contentColorFor](/docs/androidx.compose.material3/material3/functions/contentColorFor)
- [darkColorScheme](/docs/androidx.compose.material3/material3/functions/darkColorScheme)
- [DatePickerState](/docs/androidx.compose.material3/material3/functions/DatePickerState)
- [DateRangePickerState](/docs/androidx.compose.material3/material3/functions/DateRangePickerState)
- [dynamicDarkColorScheme](/docs/androidx.compose.material3/material3/functions/dynamicDarkColorScheme)
- [dynamicLightColorScheme](/docs/androidx.compose.material3/material3/functions/dynamicLightColorScheme)
- [expressiveLightColorScheme](/docs/androidx.compose.material3/material3/functions/expressiveLightColorScheme)
- [FloatingToolbarState](/docs/androidx.compose.material3/material3/functions/FloatingToolbarState)
- [getDisplayedMonth](/docs/androidx.compose.material3/material3/functions/getDisplayedMonth)
- [getSelectedDate](/docs/androidx.compose.material3/material3/functions/getSelectedDate)
- [getSelectedEndDate](/docs/androidx.compose.material3/material3/functions/getSelectedEndDate)
- [getSelectedStartDate](/docs/androidx.compose.material3/material3/functions/getSelectedStartDate)
- [lightColorScheme](/docs/androidx.compose.material3/material3/functions/lightColorScheme)
- [MultiAspectCarouselItemDrawInfo](/docs/androidx.compose.material3/material3/functions/MultiAspectCarouselItemDrawInfo)
- [PullToRefreshState](/docs/androidx.compose.material3/material3/functions/PullToRefreshState)
- [ripple](/docs/androidx.compose.material3/material3/functions/ripple)
- [setDisplayedMonth](/docs/androidx.compose.material3/material3/functions/setDisplayedMonth)
- [setSelectedDate](/docs/androidx.compose.material3/material3/functions/setSelectedDate)
- [setSelection](/docs/androidx.compose.material3/material3/functions/setSelection)
- [shouldUsePrecisionPointerComponentSizing](/docs/androidx.compose.material3/material3/functions/shouldUsePrecisionPointerComponentSizing)
- [surfaceColorAtElevation](/docs/androidx.compose.material3/material3/functions/surfaceColorAtElevation)
- [TimePickerState](/docs/androidx.compose.material3/material3/functions/TimePickerState)
- [TooltipState](/docs/androidx.compose.material3/material3/functions/TooltipState)
- [toPath](/docs/androidx.compose.material3/material3/functions/toPath)

