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

```kotlin
@ExperimentalMaterial3AdaptiveApi
object SupportingPaneScaffoldRole
```

The set of the available pane roles of [SupportingPaneScaffold](/jetpack-compose/androidx.compose.material3.adaptive/adaptive-layout/composable-functions/SupportingPaneScaffold). Those roles map to their
corresponding [ThreePaneScaffoldRole](/jetpack-compose/androidx.compose.material3.adaptive/adaptive-layout/classes/ThreePaneScaffoldRole), which is a generic role definition across all types of
three pane scaffolds. We suggest you to use the values defined here instead of the raw
[ThreePaneScaffoldRole](/jetpack-compose/androidx.compose.material3.adaptive/adaptive-layout/classes/ThreePaneScaffoldRole) under the context of [SupportingPaneScaffold](/jetpack-compose/androidx.compose.material3.adaptive/adaptive-layout/composable-functions/SupportingPaneScaffold) for better code clarity.

## Properties

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

```kotlin
val Main = ThreePaneScaffoldRole.Primary
```

The main pane of [SupportingPaneScaffold](/jetpack-compose/androidx.compose.material3.adaptive/adaptive-layout/composable-functions/SupportingPaneScaffold), which is supposed to hold the major content of an
app, for example, the editing screen of a doc app. It maps to
[ThreePaneScaffoldRole.Primary](/jetpack-compose/androidx.compose.material3.adaptive/adaptive-layout/classes/ThreePaneScaffoldRole.Primary).

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

```kotlin
val Supporting = ThreePaneScaffoldRole.Secondary
```

The supporting pane of [SupportingPaneScaffold](/jetpack-compose/androidx.compose.material3.adaptive/adaptive-layout/composable-functions/SupportingPaneScaffold), which is supposed to hold the support
content of an app, for example, the comment list of a doc app. It maps to
[ThreePaneScaffoldRole.Secondary](/jetpack-compose/androidx.compose.material3.adaptive/adaptive-layout/classes/ThreePaneScaffoldRole.Secondary).

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

```kotlin
val Extra = ThreePaneScaffoldRole.Tertiary
```

The extra pane of [SupportingPaneScaffold](/jetpack-compose/androidx.compose.material3.adaptive/adaptive-layout/composable-functions/SupportingPaneScaffold), which is supposed to hold any additional content
besides the main and the supporting panes, for example, a styling panel in a doc app. It maps
to [ThreePaneScaffoldRole.Tertiary](/jetpack-compose/androidx.compose.material3.adaptive/adaptive-layout/classes/ThreePaneScaffoldRole.Tertiary).