<div class='sourceset sourceset-common'>Common</div>

```kotlin
@ExperimentalMaterial3ExpressiveApi
object ToggleFloatingActionButtonDefaults
```

Contains the default values used by [ToggleFloatingActionButton](/jetpack-compose/androidx.compose.material3/material3/components/ToggleFloatingActionButton)

## Functions

<h2 id="containercolor-initialcolor-finalcolor">containerColor</h2>

```kotlin
@Composable
    fun containerColor(
        initialColor: Color = MaterialTheme.colorScheme.primaryContainer,
        finalColor: Color = MaterialTheme.colorScheme.primary,
    ): (Float) -> Color
```

<hr class="docs-overload-divider">

<h2 id="containersize-initialsize-finalsize">containerSize</h2>

```kotlin
fun containerSize(initialSize: Dp, finalSize: Dp = FabFinalSize): (Float) -> Dp
```

<hr class="docs-overload-divider">

<h2 id="containersize">containerSize</h2>

```kotlin
fun containerSize() = containerSize(FabInitialSize)
```

<hr class="docs-overload-divider">

<h2 id="containersizemedium">containerSizeMedium</h2>

```kotlin
fun containerSizeMedium() = containerSize(FabMediumInitialSize)
```

<hr class="docs-overload-divider">

<h2 id="containersizelarge">containerSizeLarge</h2>

```kotlin
fun containerSizeLarge() = containerSize(FabLargeInitialSize)
```

<hr class="docs-overload-divider">

<h2 id="containercornerradius-initialsize-finalsize">containerCornerRadius</h2>

```kotlin
fun containerCornerRadius(
        initialSize: Dp,
        finalSize: Dp = FabFinalCornerRadius,
    ): (Float) -> Dp
```

<hr class="docs-overload-divider">

<h2 id="containercornerradius">containerCornerRadius</h2>

```kotlin
fun containerCornerRadius() = containerCornerRadius(FabInitialCornerRadius)
```

<hr class="docs-overload-divider">

<h2 id="containercornerradiusmedium">containerCornerRadiusMedium</h2>

```kotlin
fun containerCornerRadiusMedium() = containerCornerRadius(FabMediumInitialCornerRadius)
```

<hr class="docs-overload-divider">

<h2 id="containercornerradiuslarge">containerCornerRadiusLarge</h2>

```kotlin
fun containerCornerRadiusLarge() = containerCornerRadius(FabLargeInitialCornerRadius)
```

<hr class="docs-overload-divider">

<h2 id="iconcolor-initialcolor-finalcolor">iconColor</h2>

```kotlin
@Composable
    fun iconColor(
        initialColor: Color = MaterialTheme.colorScheme.onPrimaryContainer,
        finalColor: Color = MaterialTheme.colorScheme.onPrimary,
    ): (Float) -> Color
```

<hr class="docs-overload-divider">

<h2 id="iconsize-initialsize-finalsize">iconSize</h2>

```kotlin
fun iconSize(initialSize: Dp, finalSize: Dp = FabFinalIconSize): (Float) -> Dp
```

<hr class="docs-overload-divider">

<h2 id="iconsize">iconSize</h2>

```kotlin
fun iconSize() = iconSize(FabInitialIconSize)
```

<hr class="docs-overload-divider">

<h2 id="iconsizemedium">iconSizeMedium</h2>

```kotlin
fun iconSizeMedium() = iconSize(FabMediumInitialIconSize)
```

<hr class="docs-overload-divider">

<h2 id="iconsizelarge">iconSizeLarge</h2>

```kotlin
fun iconSizeLarge() = iconSize(FabLargeInitialIconSize)
```

<hr class="docs-overload-divider">

<h2 id="animateicon-checkedprogress-color-size">animateIcon</h2>

```kotlin
@Composable
    fun Modifier.animateIcon(
        checkedProgress: () -> Float,
        color: (Float) -> Color = iconColor(),
        size: (Float) -> Dp = iconSize(),
    ) =
        this.layout { measurable, _ ->
                val sizePx = size(checkedProgress()).roundToPx()
                val placeable = measurable.measure(Constraints.fixed(sizePx, sizePx))
                layout(sizePx, sizePx) { placeable.place(0, 0) }
            }
            .drawWithCache {
                val layer = obtainGraphicsLayer()
                layer.apply {
                    record { drawContent() }
                    this.colorFilter = ColorFilter.tint(color(checkedProgress()))
                }

                onDrawWithContent { drawLayer(graphicsLayer = layer) }
            }
```

Modifier for animating the color and size of an icon within [ToggleFloatingActionButton](/jetpack-compose/androidx.compose.material3/material3/components/ToggleFloatingActionButton)
based on a progress value.

#### Parameters

| | |
| --- | --- |
| checkedProgress | callback that provides the progress value for the icon animation |
| color | the color of the icon, based on the checked progress value from 0-1 |
| size | the size of the icon, based on the checked progress value from 0-1 |