Image Adjustments

Цветокоррекция: загрузка, вписывание и семь ползунков с фильтром. Pro · Изображения и генерация › Результаты и правка

Установка

npx valyro-cli@latest login
npx valyro-cli@latest add image-adjustments

npm install valyro-ui-pro

import 'valyro-ui-pro/styles.css';
import { ImageAdjustments } from 'valyro-ui-pro';

Prop	Type	Default
`value`	`Adjustments`		Slider positions (controlled).
`defaultValue`	`Adjustments`		Initial `value` when uncontrolled.
`onValueChange`	`(value: Adjustments) => void`		Called with the new `value` when it changes.
`image`	`string`		Image URL (controlled); an upload replaces it with an object URL.
`defaultImage`	`string`		Initial `image` when uncontrolled.
`onImageChange`	`(image: string, file?: File) => void`		Called with the new `image` when it changes.
`fit`	`'cover' \| 'contain' \| 'fill'`		How the image fills the preview (controlled).
`defaultFit`	`'cover' \| 'contain' \| 'fill'`		Initial `fit` when uncontrolled.
`onFitChange`	`(fit: ImageFit) => void`		Called with the new `fit` when it changes.
`accept`	`string`	`'image/*'`	File types the picker accepts. Default `image/*`.
`labels`	`Partial<ImageAdjustmentsLabels>`		Overrides for the built-in English text; keys left out keep their defaults.