---
title: "AnimatedPane"
description: "The root composable of pane contents in a `ThreePaneScaffold` that supports default motions
during pane switching. It's recommended to use this composable to wrap your own contents when
passing them into pane parameters of the scaffold functions, therefore your panes can have a
nice default animation for free."
type: "component"
---

<div class='type'>Composable Component</div>



The root composable of pane contents in a `ThreePaneScaffold` that supports default motions
during pane switching. It's recommended to use this composable to wrap your own contents when
passing them into pane parameters of the scaffold functions, therefore your panes can have a
nice default animation for free.

<a id='references'></a>

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


```kotlin
@ExperimentalMaterial3AdaptiveApi
@Composable
fun ThreePaneScaffoldScope.AnimatedPane(
    modifier: Modifier,
    content: (@Composable ThreePaneScaffoldScope.() -> Unit),
)
```