Flow

Components

ImageCropper

Der ImageCropper dient dazu Bilder auf ein gewünschtes Format zuzuschneiden und einen Bildausschnitt zu wählen.GitHub

Beispiel

import { ImageCropper } from "@mittwald/flow-react-components/ImageCropper";

<ImageCropper image="https://cdn.shopify.com/s/files/1/2022/6883/products/IMG_2002_250x250@2x.JPG?v=1538235544" />

Rund

import { ImageCropper } from "@mittwald/flow-react-components/ImageCropper";

<ImageCropper
  image="https://cdn.shopify.com/s/files/1/2022/6883/products/IMG_2002_250x250@2x.JPG?v=1538235544"
  cropShape="round"
/>

Benutzerdefiniertes Seitenverhältnis

import { ImageCropper } from "@mittwald/flow-react-components/ImageCropper";

<ImageCropper
  image="https://cdn.shopify.com/s/files/1/2022/6883/products/IMG_2002_250x250@2x.JPG?v=1538235544"
  aspect={5 / 2}
/>
Feedback geben