@origin-space/image-cropper
Version:
A headless React component for image cropping
30 lines (27 loc) • 833 B
TypeScript
import * as React from 'react';
type Area = {
x: number;
y: number;
width: number;
height: number;
};
interface CropperRootProps extends React.HTMLAttributes<HTMLDivElement> {
image: string;
cropPadding?: number;
aspectRatio?: number;
minZoom?: number;
maxZoom?: number;
zoomSensitivity?: number;
keyboardStep?: number;
zoom?: number;
onCropChange?: (pixels: Area | null) => void;
onZoomChange?: (zoom: number) => void;
children: React.ReactNode;
}
declare const Cropper: {
Root: React.FC<CropperRootProps>;
Image: React.FC<Omit<React.ImgHTMLAttributes<HTMLImageElement>, "style" | "draggable" | "src" | "alt">>;
CropArea: React.FC<React.HTMLAttributes<HTMLDivElement>>;
Description: React.FC<React.HTMLAttributes<HTMLDivElement>>;
};
export { Cropper };