Croppie Web is a component based on https://foliotek.github.io/Croppie/ component, which provides an easy and flexible solution to crop an image as a square, centered within a circular mask. The developer only needs to provide the Width and Height of the image and mask, and the image as a binary, and Croppie does the rest.

In order to implement this component in your application, you should follow the following steps:

1. Reference the appropriate dependencies;

2. Drag the CroppieWeb web block to your screen;

3. Define CroppieWeb input parameters as you wish;

4. Define an Event Handler with the appropriate logic;

5. Create a Save screen action to save your photo by dragging the Croppie_GetImage Server Action.