CustomGradientPicker — это экспериментальный React-компонент в WordPress, который упрощает процесс выбора пользовательских градиентов. Он предоставляет базовый функционал для реализации цветовых переходов, но характеризуется меньшим количеством настроек по сравнению с обычным GradientPicker.
Компонент CustomGradientPicker предлагает разработчикам возможность интеграции пользовательских градиентов в различных частях интерфейса WordPress. Несмотря на экспериментальный характер, его функциональность позволяет быстро и удобно подобрать градиент без лишних сложностей.
Инструкция по использованию
Для использования компонента, его необходимо импортировать в ваш проект с помощью следующего кода:
import { __experimentalCustomGradientPicker } from '@wordpress/components';Пример реализации
Рассмотрим пример, в котором используется CustomGradientPicker для выбора и применения пользовательского градиента к блоку:
const MyCustomComponent = () => {
const [ gradient, setGradient ] = useState('');
return (
<div style={{ background: gradient }}>
<__experimentalCustomGradientPicker
gradientValue={gradient}
onChange={setGradient}
clearable={true} />
<p>Предпросмотр пользовательского градиента</p>
</div>
);
};
Краткий разбор параметров
gradientValue: текущий выбранный градиент.onChange: функция для обновления состояния с новым значением градиента.clearable: логическое значение, определяющее возможность сброса текущего градиента.
Когда использовать CustomGradientPicker
Данный компонент может быть полезен в ситуациях, когда необходимо предоставить пользователям простой интерфейс для настройки градиентов. Однако, из-за его экспериментального статуса, рекомендуется тщательно протестировать его в вашем проекте, прежде чем использовать на продакшене.
Обратите внимание: компонент отмечен как экспериментальный и может измениться в будущих версиях WordPress.
Заключение
CustomGradientPicker представляет собой удобный инструмент для работы с градиентами в WordPress, предлагающий базовый функционал и простоту в использовании. С его помощью вы можете легко добавлять уникальные градиенты в свою тему или плагин.
