Covers Engine Plugin SDK 2.0.0 · Interface Plugin SDK 0.2.0

ColorPicker

Color Picker using the host's theme-aware color selection presentation.

Import

import { ColorPicker } from "@dartwic/interface-sdk/ui";

Declaration

export const ColorPicker: HostComponent<ColorPickerProps>;

ColorPickerProps

Theme-aware host color selector.

export interface ColorPickerProps extends HostComponentProps {
    value?: string;
    onValueChange?: (value: string) => void;
    ariaLabel?: string;
    disabled?: boolean;
    variant?: "swatch" | "field";
    allowThemeColors?: boolean;
}

Prop	Type	Requirement	Description
`value`	`string`	Optional
`onValueChange`	`(value: string) => void`	Optional
`ariaLabel`	`string`	Optional
`disabled`	`boolean`	Optional
`variant`	`"swatch" \| "field"`	Optional
`allowThemeColors`	`boolean`	Optional
`className`	`string`	Optional	Additional Tailwind or host CSS classes.
`children`	`HostNode`	Optional	Child content rendered by the host component.
`id`	`string`	Optional	Optional DOM identifier.
`style`	`Record<string, unknown>`	Optional	Inline style values passed to the host component.