Update profile photo
Profile photo
Waiting for action
Open a sub-component to view its docs and settings.
Copy this complete component into a page file. Edit and run it in the Playground.
Loading editor…
Dashboard widget for profile photo capture. Wraps ImageCropUploadField with an optional title and circular crop workflow before upload.
| Prop | Type | Default | Description |
|---|---|---|---|
title | string | — | Optional widget heading above the field. |
label | string | "Profile photo" | Field label passed to the crop control. |
value | string | — | Cropped preview URL after apply. |
onChange | (previewUrl) => void | — | Called with the cropped preview URL. |
onCrop | ({ file, previewUrl }) => void | — | Called with the cropped File and preview URL. |
viewportSize | number | 240 | Circular editor diameter in pixels. |
outputSize | number | 256 | Exported crop size in pixels. |