2.0.1 • Published 5 months ago
@girishsawant999/react-image-edit v2.0.1
📝 Usage
Just install the package using command
npm install @girishsawant999/react-image-editAnd then import component in your react app
import ImageEditor from '@girishsawant999/react-image-edit';
// Use ImageEditor Component
<ImageEditor src={defaultURL} onSave={(url): void => setUrl(url)} saveButtonText="Preview" />;That's all and you are ready to go.
📃 Props
| Prop | Types | Description |
|---|---|---|
| src | string | An image source url |
| onSave | (url: string) => void | A callback function on save button click gives you updated image url |
| maxWidth | number Default: 600 | Final resize width for updated image height will be according to aspect ratio |
| saveButtonText | string Default: Save | Button text for final save update |
| containerClassName | string | Classes for container |
| imgClassName | string | Classes for Image tag |
| toolbarClassName | string | Classes for toolbar div |