Vignette

Composable Component

Vignette is whole screen decoration used to blur the top and bottom of the edges of a wearable screen when scrolling content is displayed. The vignette is split between a top and bottom image which can be displayed independently depending on the use case.

Android
@Composable
public fun Vignette(vignettePosition: VignettePosition, modifier: Modifier = Modifier)

Parameters

vignettePositionwhether to draw top and/or bottom images for this Vignette
modifieroptional Modifier for the root of the Vignette

Create your own Component Library

Material Components are meant to be used as is and they do not allow customizations. To build your own Jetpack Compose component library use Compose Unstyled