Skip to main content
.clipped()

Support

Usage

Clip overflowing content

Image({ url: "wide-image.jpg" })
    .resizable()
    .frame({ width: 100, height: 100 })
    .clipped()

Clip after aspect ratio fill

Image({ url: "photo.jpg" })
    .resizable()
    .aspectRatio(1, "fill")
    .frame({ width: 150, height: 150 })
    .clipped()

Notes

clipped() clips to the component’s rectangular bounds. For clipping to a custom shape, use clipShape instead.

See Also