ColorInputProps

@lowcode/ui-kit

---

Interface: ColorInputProps

Defined in: components/primitives/ColorInput.tsx:16

Пропсы для цветового инпута ColorInput.

Компонент объединяет:

• текстовое поле для ввода цвета (hex / имя);
• цветной свотч-кнопку;
• опциональную кнопку очистки;
• скрытый input[type=color], который открывает нативный color-picker.

Extends

• Omit<InputHTMLAttributes<HTMLInputElement>, "onChange" | "value">

Properties

allowClear?

optional allowClear: boolean

Defined in: components/primitives/ColorInput.tsx:49

Показывать ли кнопку очистки значения.

По умолчанию — true.

---

helperText?

optional helperText: ReactNode

Defined in: components/primitives/ColorInput.tsx:42

Текст-подсказка под контролом.

---

label?

optional label: ReactNode

Defined in: components/primitives/ColorInput.tsx:37

Заголовок поля (label), отображается над контролом.

---

onChange()?

optional onChange: (value) => void

Defined in: components/primitives/ColorInput.tsx:32

Обработчик изменения цвета (commit-фаза).

Вызывается:

• при потере фокуса текстовым полем;
• при подтверждении выбора цвета в нативном color-picker'е (DOM-событие change);
• при клике по кнопке очистки.

Parameters

value

string

Returns

void

---

value?

optional value: string

Defined in: components/primitives/ColorInput.tsx:22

Текущее значение цвета. Ожидается строка вида #rrggbb или любое корректное CSS-значение.