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



Scaffold implements the basic Wear Material Design visual layout structure.

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



<h2 id="scaffold-modifier-vignette-positionindicator-pageindicator-timetext-content">Scaffold</h2>

<div class='sourceset sourceset-android'>Android</div>


```kotlin
@Composable
public fun Scaffold(
    modifier: Modifier = Modifier,
    vignette: @Composable (() -> Unit)? = null,
    positionIndicator: @Composable (() -> Unit)? = null,
    pageIndicator: @Composable (() -> Unit)? = null,
    timeText: @Composable (() -> Unit)? = null,
    content: @Composable () -> Unit,
)
```


#### Parameters

| | |
| --- | --- |
| modifier | optional Modifier for the root of the `Scaffold` |
| vignette | a full screen slot for applying a vignette over the contents of the scaffold. The vignette is used to blur the screen edges when the main content is scrollable content that extends beyond the screen edge. |
| positionIndicator | slot for optional position indicator used to display information about the position of the Scaffold's contents. Usually a `PositionIndicator`. Common use cases for the position indicator are scroll indication for a list or rsb/bezel indication such as volume. |
| pageIndicator | slot for optional page indicator used to display information about the selected page of the Scaffold's contents. Usually a `HorizontalPageIndicator`. Common use case for the page indicator is a pager with horizontally swipeable pages. |
| timeText | time and potential application status message to display at the top middle of the screen. Expected to be a TimeText component. |
| content | Slot for composable screen content |