charton

Appearance

charton API

charton API / @chart-on/ui / index / ColorInputDef

Interface: ColorInputDef ​

Defined in: ui/src/form-model.ts:79

A color picker (kind: 'color') with swatches, a custom color and opacity; the value is a CSS color string.

Extends ​

Properties ​

default? ​

optional default?: string

Defined in: ui/src/form-model.ts:28

Value when the form opens without one, and after a reset.

Inherited from ​

FormInputBase.default

disabled? ​

optional disabled?: FormCondition

Defined in: ui/src/form-model.ts:32

Default false. Disabled inputs keep their value and are not validated.

Inherited from ​

FormInputBase.disabled

hint? ​

optional hint?: string

Defined in: ui/src/form-model.ts:26

Help text under the control.

Inherited from ​

FormInputBase.hint

id ​

id: string

Defined in: ui/src/form-model.ts:23

Key of this input's value in FormValues; unique within the schema.

Inherited from ​

FormInputBase.id

kind ​

kind: "color"

Defined in: ui/src/form-model.ts:80

label ​

label: string

Defined in: ui/src/form-model.ts:24

Inherited from ​

FormInputBase.label

placeholder? ​

optional placeholder?: string

Defined in: ui/src/form-model.ts:87

The color shown while the value is empty. With one, an empty value is valid and means no color was chosen, e.g. "follow the theme".

swatches? ​

optional swatches?: readonly string[]

Defined in: ui/src/form-model.ts:82

Swatches offered in the picker; default the shell's palette.

visible? ​

optional visible?: FormCondition

Defined in: ui/src/form-model.ts:30

Default true. Hidden inputs keep their value and are not validated.

Inherited from ​

FormInputBase.visible

Methods ​

validate()? ​

optional validate(value, values): string | null | undefined

Defined in: ui/src/form-model.ts:34

A message when value is not acceptable, else nothing. Runs after the built-in checks pass.

Parameters ​

value ​

string

values ​

Readonly<FormValues>

Returns ​

string | null | undefined

Inherited from ​

FormInputBase.validate