Is it possible to control how much vertical space is left between the crop selection region and the inactive area?

[KevinJHall-Launchpad]

We want to only have something like this where the inactive space (grey area) above and below is the same regardless of the image uploaded which will mean to grow and shrink the vertical height of the container as necessary.

Currently some images with more extreme widths and heights end up with more of this inactive space so we want to equalize this if possible.

[ValentinH]

What do you expect to do to "equalize"? I don't really understand what result you are looking for.

[KevinJHall-Launchpad]

Equalize was a bad word choice.

Sorry, I meant I want to minimize the grey area above and below the image even if it means making that section smaller.

To something like this

Ideally, I would be able to achieve this with any input file, but I'm unsure of a configuration or approach to achieve this.

[ValentinH]

You need to compute the aspect ratio of the image selected by the user and then modify the Cropper container to have this ratio. Indeed, the cropper just fills its parent so it's the parent component responsibility to have the right dimensions.

If your user is selecting the image from disk, you can get inspiration from this example to learn how to read the image.
Otherwise, you can use the onMediaLoaded prop to get the image dimensions once it's loaded to then compute the aspect ratio.