New to Kendo UI for Vue? Start a free 30-day trial

ColorPaletteProps

Interface

Represents the props of the KendoVue ColorPalette component.

Definition

Package:@progress/kendo-vue-inputs

Properties

ariaDescribedBy?

string

Identifies the element(s) which will describe the component, similar to HTML aria-describedby attribute. For example these elements could contain error or hint message.

ariaLabelledBy?

string

Identifies the element(s) which will label the component.

class?

string

Sets additional CSS classes to the ColorPalette.

columns?

number

Specifies the number of columns that will be displayed. Defaults to 10.

defaultValue?

string

The default value of the ColorPalette.

disabled?

boolean

Determines whether the ColorPalette is disabled (more information and example).

id?

string

Specifies the id of the component.

modelRgbaValue?

string

The model rgba value of the ColorPalette.

modelValue?

string

The model value of the ColorPalette.

onChange?

(event: ColorPaletteChangeEvent) => void

Determines the event handler that will be fired when the user edits the value.

Parameters:eventColorPaletteChangeEvent

onFocus?

(event: FocusEvent) => void

Represent the focus event of the ColorPalette.

Parameters:eventFocusEvent

palette?

string | string[]

The color palette that will be displayed.

The supported values are:

The name of the predefined palette preset (for example, office, basic, and apex).
A string array.

size?

"small" | "medium" | "large"

Configures the size of the ColorPalette.

The available options are:

small
medium
large

Default:

undefined

tabIndex?

number

Sets the tabIndex property of the ColorPalette.

tileSize?

number | TileSize

Specifies the size of a color cell in px. Defaults to 24.

value?

string

The value of the ColorPalette.