Skip to content

Vizel API / react/src / VizelColorPickerProps

Interface: VizelColorPickerProps ​

Defined in: packages/react/src/components/VizelColorPicker.tsx:11

Properties ​

allowCustomColor? ​

ts
optional allowCustomColor?: boolean;

Defined in: packages/react/src/components/VizelColorPicker.tsx:23

Enable custom HEX input (default: true)


applyAriaLabel? ​

ts
optional applyAriaLabel?: string;

Defined in: packages/react/src/components/VizelColorPicker.tsx:37

Aria label for apply button


applyTitle? ​

ts
optional applyTitle?: string;

Defined in: packages/react/src/components/VizelColorPicker.tsx:35

Title for apply button


className? ​

ts
optional className?: string;

Defined in: packages/react/src/components/VizelColorPicker.tsx:21

Custom class name


colors ​

ts
colors: readonly VizelColorDefinition[];

Defined in: packages/react/src/components/VizelColorPicker.tsx:13

Color palette to display


hexPlaceholder? ​

ts
optional hexPlaceholder?: string;

Defined in: packages/react/src/components/VizelColorPicker.tsx:33

Placeholder for hex input


label? ​

ts
optional label?: string;

Defined in: packages/react/src/components/VizelColorPicker.tsx:19

Label for accessibility


noneValues? ​

ts
optional noneValues?: string[];

Defined in: packages/react/src/components/VizelColorPicker.tsx:29

"None" option color values (e.g., ["transparent", "inherit"])


onChange ​

ts
onChange: (color) => void;

Defined in: packages/react/src/components/VizelColorPicker.tsx:17

Callback when color is selected

Parameters ​

ParameterType
colorstring

Returns ​

void


recentColors? ​

ts
optional recentColors?: string[];

Defined in: packages/react/src/components/VizelColorPicker.tsx:25

Recent colors to display


recentLabel? ​

ts
optional recentLabel?: string;

Defined in: packages/react/src/components/VizelColorPicker.tsx:31

Label for recent colors section


showRecentColors? ​

ts
optional showRecentColors?: boolean;

Defined in: packages/react/src/components/VizelColorPicker.tsx:27

Show recent colors section (default: true)


value? ​

ts
optional value?: string;

Defined in: packages/react/src/components/VizelColorPicker.tsx:15

Currently selected color

Released under the MIT License.