system
400.wtf

Components / Forms

ColorInput

A swatch showing the exact color plus the value as editable text.

layer
Forms
phase
DS-4
status
Shipped
runtime
Needs hydration

Usage

import ColorInput from "@400/ds/components/ColorInput";

Source: packages/ds/src/components/ColorInput/

Examples

In a Field hex · rgba · hydrated

Hex: the swatch opens the system picker.

Any CSS color, including rgba.