Color Input — Playground
size
State
<kui-field label="Primary seed" hint="Hex and OKLCH values are supported.">
<input kuiColorInput autocomplete="off" />
</kui-field>| Name | Type | Default | Description |
|---|---|---|---|
| kuiColorInput | directive | - | Applies Kikita color-input styling and picker affordances to a native input. |
| size | 'xs' | 'sm' | 'md' | 'lg' | 'md' | Control height matched to Kikita UI size tokens. |
| invalid | boolean | false | Applies an error border and inherits invalid state from parent kui-field. |
| id | string | undefined | field id | Native input id override. |
| swatchLabel | string | 'Open color picker' | Accessible label for the swatch button. |
Inputs verified against @kikita-labs/ui v1.6.1 public typings.