Composables
Components Unstyled Icons API
Join Radar
Join Radar Components Unstyled Icons API UI Kit UI Blocks SVG to Compose Android Distribution Community Docs Blog Colors
Wear Material Compose
  • Alert
  • AppCard
  • Button
  • Card
  • Checkbox
  • Chip
  • CircularProgressIndicator
  • CompactButton
  • CompactChip
  • Confirmation
  • Dialog
  • HorizontalPageIndicator
  • Icon
  • InlineSlider
  • ListHeader
  • MaterialTheme
  • OutlinedButton
  • OutlinedChip
  • OutlinedCompactButton
  • OutlinedCompactChip
  • Picker
  • PickerGroup
  • PositionIndicator
  • ProvideTextStyle
  • RadioButton
  • Scaffold
  • ScalingLazyColumn
  • SelectableChip
  • SplitSelectableChip
  • SplitToggleChip
  • Stepper
  • SwipeToDismissBox
  • SwipeToRevealCard
  • SwipeToRevealChip
  • SwipeToRevealPrimaryAction
  • SwipeToRevealSecondaryAction
  • SwipeToRevealUndoAction
  • Switch
  • Text
  • TimeText
  • TitleCard
  • ToggleButton
  • ToggleChip
  • Vignette
Components › Wear Material Compose › Vignette

Vignette

View Markdown Open in ChatGPT Open in Claude

Vignette is whole screen decoration used to blur the top and bottom of the edges of a wearable screen when scrolling content is displayed.

RevenueCat

RevenueCat

Add subscriptions to your apps in minutes

Ad Get started for free
API Examples

Vignette

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

Parameters

vignettePosition whether to draw top and/or bottom images for this Vignette
modifier optional Modifier for the root of the Vignette
ToggleChip ← Previous
On this page
  • Vignette

Never miss a Compose release

Get an alert the moment a new Compose release is out: new APIs, new components, new things to experiment with. Straight from Google's servers.

Join 3,000+ Compose developers. No spam, ever.