Image Cropper
Dialog-based image cropper for avatar and profile images. Provides circular or rectangular crop with zoom, and returns a Blob via onCrop.
core/image-cropperInstallation
1 · Add registry to components.json
2 · Install component
Examples
Circular crop
Opens an image in the cropper dialog. Produces a Blob output.
API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
openreq | boolean | — | Controls dialog visibility. |
onOpenChangereq | (open: boolean) => void | — | Called when the dialog requests close. |
srcreq | string | — | Source image URL to crop. |
onCropreq | (blob: Blob) => void | — | Called with the cropped Blob output. |
circular | boolean | false | Enable circular crop guide. |
outputSize | number | — | Output image size in pixels (square). Defaults to original. |
title | string | — | Dialog title override. |