# PlayerDefaults

Artifact: [androidx.media3:media3-ui-compose-material3](https://developer.android.com/jetpack/androidx/releases/media3) [View Source](https://cs.android.com/search?q=file:androidx/media3/ui/compose/material3/PlayerDefaults.kt+class:androidx.media3.ui.compose.material3.PlayerDefaults)


```
@UnstableApi
object PlayerDefaults
```

<br />

*** ** * ** ***

Contains the default values used by `https://developer.android.com/reference/kotlin/androidx/media3/common/Player`.

This object provides the standard Material3 components that make up the default player interface, including structural layouts like `https://developer.android.com/reference/kotlin/androidx/media3/ui/compose/material3/PlayerDefaults#TopControls(androidx.media3.common.Player,kotlin.Boolean,androidx.compose.ui.Modifier,kotlin.Function1)`, `https://developer.android.com/reference/kotlin/androidx/media3/ui/compose/material3/PlayerDefaults#CenterControls(androidx.media3.common.Player,kotlin.Boolean,androidx.compose.ui.Modifier,androidx.compose.foundation.layout.Arrangement.Horizontal,androidx.compose.ui.Alignment.Vertical,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0)`, and `https://developer.android.com/reference/kotlin/androidx/media3/ui/compose/material3/PlayerDefaults#BottomControls(androidx.media3.common.Player,kotlin.Boolean,androidx.compose.ui.Modifier,kotlin.Function1,kotlin.Function0,kotlin.Function0,kotlin.Function1,kotlin.Function0)`.

The components have opinionated styling properties to maintain a consistent aesthetic when building custom controls or overriding specific slots within the provided layouts.

## Summary

| ### Public functions |
|---|---|
| `https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html` | `@https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable https://developer.android.com/reference/kotlin/androidx/media3/ui/compose/material3/PlayerDefaults#BottomControls(androidx.media3.common.Player,kotlin.Boolean,androidx.compose.ui.Modifier,kotlin.Function1,kotlin.Function0,kotlin.Function0,kotlin.Function1,kotlin.Function0)( player: https://developer.android.com/reference/kotlin/androidx/media3/common/Player?, visible: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-boolean/index.html, modifier: https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier, above: @https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable https://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/ColumnScope.() -> https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html, left: @https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable () -> https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html, right: @https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable () -> https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html, below: @https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable https://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/ColumnScope.() -> https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html, progressSlider: @https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable () -> https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html )` A Material3 columnar layout that display controls that are typically positioned at the bottom of the player interface. |
| `https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html` | `@https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable https://developer.android.com/reference/kotlin/androidx/media3/ui/compose/material3/PlayerDefaults#CenterControls(androidx.media3.common.Player,kotlin.Boolean,androidx.compose.ui.Modifier,androidx.compose.foundation.layout.Arrangement.Horizontal,androidx.compose.ui.Alignment.Vertical,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0,kotlin.Function0)( player: https://developer.android.com/reference/kotlin/androidx/media3/common/Player?, visible: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-boolean/index.html, modifier: https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier, horizontalArrangement: https://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/Arrangement.Horizontal, verticalAlignment: https://developer.android.com/reference/kotlin/androidx/compose/ui/Alignment.Vertical, backSecondary: @https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable () -> https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html, back: @https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable () -> https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html, central: @https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable () -> https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html, forward: @https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable () -> https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html, forwardSecondary: @https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable () -> https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html )` A Material3 horizontal layout with controls that are typically found in the center of the player interface. |
| `https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html` | `@https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable https://developer.android.com/reference/kotlin/androidx/media3/ui/compose/material3/PlayerDefaults#ErrorOverlay(androidx.media3.common.Player,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,kotlin.CharSequence,androidx.media3.common.ErrorMessageProvider)( player: https://developer.android.com/reference/kotlin/androidx/media3/common/Player?, modifier: https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier, color: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color, customErrorMessage: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-char-sequence/index.html?, errorMessageProvider: https://developer.android.com/reference/kotlin/androidx/media3/common/ErrorMessageProvider<https://developer.android.com/reference/kotlin/androidx/media3/common/PlaybackException>? )` A Composable for displaying an error message overlay on top of the player. |
| `https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html` | `@https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable https://developer.android.com/reference/kotlin/androidx/media3/ui/compose/material3/PlayerDefaults#TopControls(androidx.media3.common.Player,kotlin.Boolean,androidx.compose.ui.Modifier,kotlin.Function1)( player: https://developer.android.com/reference/kotlin/androidx/media3/common/Player?, visible: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-boolean/index.html, modifier: https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier, content: @https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable https://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/BoxScope.() -> https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html )` A Material3 horizontal layout with controls typically found at the top of the player interface. |

## Public functions

### BottomControls

```
@Composable
fun BottomControls(
    player: Player?,
    visible: Boolean,
    modifier: Modifier = Modifier,
    above: @Composable ColumnScope.() -> Unit = {},
    left: @Composable () -> Unit = {
      PositionText(player, Modifier.padding(end = PlayerTokens.BottomControlsHorizontalPadding))
    },
    right: @Composable () -> Unit = {
      DurationText(player, Modifier.padding(start = PlayerTokens.BottomControlsHorizontalPadding))
    },
    below: @Composable ColumnScope.() -> Unit = {},
    progressSlider: @Composable () -> Unit = { ProgressSlider(player) }
): Unit
```

A Material3 columnar layout that display controls that are typically positioned at the bottom of the player interface.

This component provides a flexible slot-based structure for building player controls. The layout is organised as follows:

```kotlin
+---+
|                      above                      |
+---+---+---+
| left  |         progressSlider          | right |
+---+---+---+
|                      below                      |
+---+
```

By default, this layout provides a `https://developer.android.com/reference/kotlin/androidx/media3/ui/compose/material3/indicator/ProgressSlider.composable#ProgressSlider(androidx.media3.common.Player,androidx.compose.ui.Modifier)` in the center. To its left, it displays the current media position using `https://developer.android.com/reference/kotlin/androidx/media3/ui/compose/material3/indicator/PositionText.composable#PositionText(androidx.media3.common.Player,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,kotlinx.coroutines.CoroutineScope)`, and to its right, it displays the total media duration using `https://developer.android.com/reference/kotlin/androidx/media3/ui/compose/material3/indicator/DurationText.composable#DurationText(androidx.media3.common.Player,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,kotlinx.coroutines.CoroutineScope)`. The `https://developer.android.com/reference/kotlin/androidx/media3/ui/compose/material3/PlayerDefaults#BottomControls(androidx.media3.common.Player,kotlin.Boolean,androidx.compose.ui.Modifier,kotlin.Function1,kotlin.Function0,kotlin.Function0,kotlin.Function1,kotlin.Function0)` and `https://developer.android.com/reference/kotlin/androidx/media3/ui/compose/material3/PlayerDefaults#BottomControls(androidx.media3.common.Player,kotlin.Boolean,androidx.compose.ui.Modifier,kotlin.Function1,kotlin.Function0,kotlin.Function0,kotlin.Function1,kotlin.Function0)` slots are empty by default.

| Parameters |
|---|---|
| `player: https://developer.android.com/reference/kotlin/androidx/media3/common/Player?` | The `https://developer.android.com/reference/kotlin/androidx/media3/common/Player` to control. |
| `visible: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-boolean/index.html` | Whether the layout should be visible. When `true`, a fade in-and-out animation is used. |
| `modifier: https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier = Modifier` | The `https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier` to be applied to the column container. |
| `above: @https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable https://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/ColumnScope.() -> https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html = {}` | Slot for content positioned above the slider. |
| `left: @https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable () -> https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html = { PositionText(player, Modifier.padding(end = PlayerTokens.BottomControlsHorizontalPadding)) }` | Slot for content positioned to the left of the slider. Defaults to `https://developer.android.com/reference/kotlin/androidx/media3/ui/compose/material3/indicator/PositionText.composable#PositionText(androidx.media3.common.Player,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,kotlinx.coroutines.CoroutineScope)` with padding applied. |
| `right: @https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable () -> https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html = { DurationText(player, Modifier.padding(start = PlayerTokens.BottomControlsHorizontalPadding)) }` | Slot for content positioned to the right of the slider. Defaults to `https://developer.android.com/reference/kotlin/androidx/media3/ui/compose/material3/indicator/DurationText.composable#DurationText(androidx.media3.common.Player,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Color,kotlinx.coroutines.CoroutineScope)` with padding applied. |
| `below: @https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable https://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/ColumnScope.() -> https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html = {}` | Slot for content positioned below the slider. |
| `progressSlider: @https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable () -> https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html = { ProgressSlider(player) }` | Slot for the main progress slider. It expands to fill available width and defaults to `https://developer.android.com/reference/kotlin/androidx/media3/ui/compose/material3/indicator/ProgressSlider.composable#ProgressSlider(androidx.media3.common.Player,androidx.compose.ui.Modifier)`. |

### CenterControls

```
@Composable
fun CenterControls(
    player: Player?,
    visible: Boolean,
    modifier: Modifier = Modifier,
    horizontalArrangement: Arrangement.Horizontal = Arrangement.spacedBy(PlayerTokens.CenterControlsSpacing, Alignment.CenterHorizontally),
    verticalAlignment: Alignment.Vertical = Alignment.CenterVertically,
    backSecondary: @Composable () -> Unit = {
      PreviousButton(player, modifier = mediumButtonModifier)
    },
    back: @Composable () -> Unit = { SeekBackButton(player, modifier = mediumButtonModifier) },
    central: @Composable () -> Unit = {
      PlayPauseButton(player, modifier = largeButtonModifier, iconSize = PlayerTokens.LargeIconSize)
    },
    forward: @Composable () -> Unit = {
      SeekForwardButton(player, modifier = mediumButtonModifier)
    },
    forwardSecondary: @Composable () -> Unit = {
      NextButton(player, modifier = mediumButtonModifier)
    }
): Unit
```

A Material3 horizontal layout with controls that are typically found in the center of the player interface.

This component provides a flexible slot-based structure for the center player controls. The layout is organized as a centered row of buttons:

```kotlin
+---+
|                                                               |
| +---+---+---+---+---+ |
| |backSecondary|  back  | central | forward |forwardSecondary| |
| +---+---+---+---+---+ |
|                                                               |
+---+
```

By default, it displays a `https://developer.android.com/reference/kotlin/androidx/media3/ui/compose/material3/buttons/PreviousButton.composable#PreviousButton(androidx.media3.common.Player,androidx.compose.ui.Modifier,kotlin.Function1,androidx.compose.ui.unit.Dp,kotlin.Function1,androidx.compose.material3.IconButtonColors,androidx.compose.ui.graphics.Color,kotlin.Function1)`, `https://developer.android.com/reference/kotlin/androidx/media3/ui/compose/material3/buttons/SeekBackButton.composable#SeekBackButton(androidx.media3.common.Player,androidx.compose.ui.Modifier,kotlin.Function1,androidx.compose.ui.unit.Dp,kotlin.Function1,androidx.compose.material3.IconButtonColors,androidx.compose.ui.graphics.Color,kotlin.Function1)`, `https://developer.android.com/reference/kotlin/androidx/media3/ui/compose/material3/buttons/PlayPauseButton.composable#PlayPauseButton(androidx.media3.common.Player,androidx.compose.ui.Modifier,kotlin.Int,kotlin.Function1,androidx.compose.ui.unit.Dp,kotlin.Function1,androidx.compose.material3.IconButtonColors,androidx.compose.ui.graphics.Color,kotlin.Function1)`, `https://developer.android.com/reference/kotlin/androidx/media3/ui/compose/material3/buttons/SeekForwardButton.composable#SeekForwardButton(androidx.media3.common.Player,androidx.compose.ui.Modifier,kotlin.Function1,androidx.compose.ui.unit.Dp,kotlin.Function1,androidx.compose.material3.IconButtonColors,androidx.compose.ui.graphics.Color,kotlin.Function1)`, and `https://developer.android.com/reference/kotlin/androidx/media3/ui/compose/material3/buttons/NextButton.composable#NextButton(androidx.media3.common.Player,androidx.compose.ui.Modifier,kotlin.Function1,androidx.compose.ui.unit.Dp,kotlin.Function1,androidx.compose.material3.IconButtonColors,androidx.compose.ui.graphics.Color,kotlin.Function1)` in that order. The central play/pause button is slightly larger than the others.

| Parameters |
|---|---|
| `player: https://developer.android.com/reference/kotlin/androidx/media3/common/Player?` | The `https://developer.android.com/reference/kotlin/androidx/media3/common/Player` to control. |
| `visible: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-boolean/index.html` | Whether the layout should be visible. When `true`, a fade in-and-out animation is used. |
| `modifier: https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier = Modifier` | The `https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier` to be applied to the container. |
| `horizontalArrangement: https://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/Arrangement.Horizontal = Arrangement.spacedBy(PlayerTokens.CenterControlsSpacing, Alignment.CenterHorizontally)` | The horizontal arrangement of the layout's children. |
| `verticalAlignment: https://developer.android.com/reference/kotlin/androidx/compose/ui/Alignment.Vertical = Alignment.CenterVertically` | The vertical alignment of the layout's children. |
| `backSecondary: @https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable () -> https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html = { PreviousButton(player, modifier = mediumButtonModifier) }` | Slot for the outermost left control. Defaults to `https://developer.android.com/reference/kotlin/androidx/media3/ui/compose/material3/buttons/PreviousButton.composable#PreviousButton(androidx.media3.common.Player,androidx.compose.ui.Modifier,kotlin.Function1,androidx.compose.ui.unit.Dp,kotlin.Function1,androidx.compose.material3.IconButtonColors,androidx.compose.ui.graphics.Color,kotlin.Function1)`. |
| `back: @https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable () -> https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html = { SeekBackButton(player, modifier = mediumButtonModifier) }` | Slot for the inner left control. Defaults to `https://developer.android.com/reference/kotlin/androidx/media3/ui/compose/material3/buttons/SeekBackButton.composable#SeekBackButton(androidx.media3.common.Player,androidx.compose.ui.Modifier,kotlin.Function1,androidx.compose.ui.unit.Dp,kotlin.Function1,androidx.compose.material3.IconButtonColors,androidx.compose.ui.graphics.Color,kotlin.Function1)`. |
| `central: @https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable () -> https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html = { PlayPauseButton(player, modifier = largeButtonModifier, iconSize = PlayerTokens.LargeIconSize) }` | Slot for the central control. Defaults to a large `https://developer.android.com/reference/kotlin/androidx/media3/ui/compose/material3/buttons/PlayPauseButton.composable#PlayPauseButton(androidx.media3.common.Player,androidx.compose.ui.Modifier,kotlin.Int,kotlin.Function1,androidx.compose.ui.unit.Dp,kotlin.Function1,androidx.compose.material3.IconButtonColors,androidx.compose.ui.graphics.Color,kotlin.Function1)`. |
| `forward: @https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable () -> https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html = { SeekForwardButton(player, modifier = mediumButtonModifier) }` | Slot for the inner right control. Defaults to `https://developer.android.com/reference/kotlin/androidx/media3/ui/compose/material3/buttons/SeekForwardButton.composable#SeekForwardButton(androidx.media3.common.Player,androidx.compose.ui.Modifier,kotlin.Function1,androidx.compose.ui.unit.Dp,kotlin.Function1,androidx.compose.material3.IconButtonColors,androidx.compose.ui.graphics.Color,kotlin.Function1)`. |
| `forwardSecondary: @https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable () -> https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html = { NextButton(player, modifier = mediumButtonModifier) }` | Slot for the outermost right control. Defaults to `https://developer.android.com/reference/kotlin/androidx/media3/ui/compose/material3/buttons/NextButton.composable#NextButton(androidx.media3.common.Player,androidx.compose.ui.Modifier,kotlin.Function1,androidx.compose.ui.unit.Dp,kotlin.Function1,androidx.compose.material3.IconButtonColors,androidx.compose.ui.graphics.Color,kotlin.Function1)`. |

### ErrorOverlay

```
@Composable
fun ErrorOverlay(
    player: Player?,
    modifier: Modifier = Modifier,
    color: Color = Color.Unspecified,
    customErrorMessage: CharSequence? = null,
    errorMessageProvider: ErrorMessageProvider<PlaybackException>? = rememberDefaultErrorMessageProvider()
): Unit
```

A Composable for displaying an error message overlay on top of the player.

| Parameters |
|---|---|
| `player: https://developer.android.com/reference/kotlin/androidx/media3/common/Player?` | The `https://developer.android.com/reference/kotlin/androidx/media3/common/Player` instance to observe for errors. |
| `modifier: https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier = Modifier` | The `https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier` to be applied to the layout. |
| `color: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color = Color.Unspecified` | The `https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color` of the error text. |
| `customErrorMessage: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-char-sequence/index.html? = null` | An optional custom message to display permanently. |
| `errorMessageProvider: https://developer.android.com/reference/kotlin/androidx/media3/common/ErrorMessageProvider<https://developer.android.com/reference/kotlin/androidx/media3/common/PlaybackException>? = rememberDefaultErrorMessageProvider()` | An optional `https://developer.android.com/reference/kotlin/androidx/media3/common/ErrorMessageProvider` used to format the `https://developer.android.com/reference/kotlin/androidx/media3/common/PlaybackException`. |

### TopControls

```
@Composable
fun TopControls(
    player: Player?,
    visible: Boolean,
    modifier: Modifier = Modifier,
    content: @Composable BoxScope.() -> Unit = {}
): Unit
```

A Material3 horizontal layout with controls typically found at the top of the player interface.

This component acts as a visibility wrapper and provides a flexible `https://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/Box.composable#Box(androidx.compose.ui.Modifier,androidx.compose.ui.Alignment,kotlin.Boolean,kotlin.Function1)`-based structure. Because it executes the content within a `https://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/BoxScope`, you can easily align individual elements to specific corners (e.g., `https://developer.android.com/reference/kotlin/androidx/compose/ui/Alignment#TopEnd()` or `https://developer.android.com/reference/kotlin/androidx/compose/ui/Alignment#TopStart()`). By default, the `https://developer.android.com/reference/kotlin/androidx/media3/ui/compose/material3/PlayerDefaults#TopControls(androidx.media3.common.Player,kotlin.Boolean,androidx.compose.ui.Modifier,kotlin.Function1)` is empty.

| Parameters |
|---|---|
| `player: https://developer.android.com/reference/kotlin/androidx/media3/common/Player?` | The `https://developer.android.com/reference/kotlin/androidx/media3/common/Player` to control. |
| `visible: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-boolean/index.html` | Whether the controls should be visible. |
| `modifier: https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier = Modifier` | The `https://developer.android.com/reference/kotlin/androidx/compose/ui/Modifier` to be applied to the container. |
| `content: @https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable https://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/BoxScope.() -> https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html = {}` | The content of the top controls. |