Color picker

A colour well, hex field and swatches.

import { BuiColorPicker } from 'ng-blatui';

<bui-color-picker [(value)]="color" />

Custom swatches

<bui-color-picker [value]="'#0ea5e9'" [swatches]="['#0ea5e9', '#10b981', '#f43f5e', '#8b5cf6']" />

<bui-color-picker [value]="'#6366f1'" [disabled]="true" />

Prop	Type	Default	Description
`swatches`	`readonly string[] \| null`	`null`	Custom swatch palette; falls back to a built-in set when null.
`disabled`	`boolean`	`false`	Whether the picker is disabled.
`pickLabel`	`string`	—	Accessible label for the native color well.
`hexLabel`	`string`	—	Accessible label for the hex text field.

Bind with [(name)], or one-way as an input.

Prop	Type	Default	Description
`value`	`string`	`'#6366f1'`	Selected color as a hex string. Two-way bindable with `[(value)]`.

Every ng-blatui component also accepts a class input to merge extra Tailwind classes onto the host.