Support
Usage
Clip overflowing content
Clip after aspect ratio fill
Notes
clipped() clips to the component’s rectangular bounds. For clipping to a custom shape, use clipShape instead.
Clips a component’s content to its bounding frame.
.clipped()
Image({ url: "wide-image.jpg" })
.resizable()
.frame({ width: 100, height: 100 })
.clipped()
Image({ url: "photo.jpg" })
.resizable()
.aspectRatio(1, "fill")
.frame({ width: 150, height: 150 })
.clipped()
clipped() clips to the component’s rectangular bounds. For clipping to a custom shape, use clipShape instead.