> For the complete documentation index, see [llms.txt](https://dormakaba-digital.gitbook.io/reactnative-visual/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://dormakaba-digital.gitbook.io/reactnative-visual/components/image-cropper.md).

# Image Cropper

## Preview

The component let's user choose an existing image from the image gallery or to take a new one and is able to select an area of that image to pass to your app. Mostly used to take person images for avatar component or similar use cases.

![](/files/-LGjj0Z25XIYUljfQU1-)

## Code sample

```jsx
import { ImageCropper } from '@dormakaba/digital-reactnative-visual';

<ImageCropper onChange={(img) => {}}>
  <Button primary>Take image</Button>
</ImageCropper>
```

The child of the Image cropper can be any component taking an \`onPress\` prop (Buttons,...).

## Props

| **Name** | **Type** | **Description**                                           |
| -------- | -------- | --------------------------------------------------------- |
| onChange | function | returns the image after taken or choosen from the library |