https://github.com/cijiugechu/recrop-element

React bindings for image-crop-element
https://github.com/cijiugechu/recrop-element

bindings image-crop image-crop-element react

Last synced: 8 days ago
JSON representation

React bindings for image-crop-element

• Host: GitHub
• URL: https://github.com/cijiugechu/recrop-element
• Owner: cijiugechu
• License: mit
• Created: 2022-04-25T04:21:25.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2022-05-01T17:27:30.000Z (over 2 years ago)
• Last Synced: 2023-08-24T08:53:51.743Z (about 1 year ago)
• Topics: bindings, image-crop, image-crop-element, react
• Language: TypeScript
• Homepage: https://cijiugechu.github.io/recrop-element/
• Size: 123 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# recrop-element

React bindings for [image-crop-element](https://github.com/github/image-crop-element).

## Installation

```shell

npm install recrop-element

# or yarn

yarn add recrop-element

# or pnpm

pnpm add recrop-element

```

## Usage

#### Plain

```js

import ReImageCrop from 'recrop-element'

```

#### Rounded crop area

```js

import ReImageCrop from 'recrop-element'

```

#### With loading state

```js

import ReImageCrop from 'recrop-element'

```

#### With autoupdate inputs

```js

import ReImageCrop from 'recrop-element'

```

#### Listen to the change event

```js

import ReImageCrop from 'recrop-element'

 {

                 console.log(

                    'Crop area changed.',

                    event.detail.x,

                    event.detail.y,

                    event.detail.width,

                    event.detail.height

                 )

             }}

/>