ColorPalette
Represents the KendoVue ColorPalette component. Accepts properties of type ColorPaletteProps. Use the ColorPalette to let the user pick a color from a set of predefined colors.
Definition
Package:@progress/kendo-vue-inputs
Properties Interface:ColorPaletteProps
Syntax:
<ColorPalette :palette="'basic'" :columns="8" :tile-size="32" />Properties
ariaDescribedBy?
string
Sets the IDs of the elements that describe the ColorPalette, like the HTML aria-describedby attribute. For example, these elements can contain an error or a hint message.
ariaLabel?
string
Sets the aria-label attribute of the ColorPalette.
ariaLabelledBy?
string
Sets the IDs of the elements that label the ColorPalette.
class?
string
Sets additional CSS classes to the ColorPalette.
columns?
number
Sets the number of columns that the ColorPalette shows.
Defaults to 10.
defaultValue?
string
Sets the initial value of the ColorPalette when you do not set value.
disabled?
boolean
Disables the ColorPalette when you set it to true
(more information and example).
id?
string
Sets the id of the wrapping element of the ColorPalette.
modelRgbaValue?
string
Sets the value of the ColorPalette in RGBA format when you use v-model:modelRgbaValue.
The ColorPalette emits update:modelRgbaValue when the user selects a color.
modelValue?
string
Sets the value of the ColorPalette when you use v-model.
The ColorPalette emits update:modelValue when the user selects a color.
onChange?
(event: ColorPaletteChangeEvent) => void
Fires each time the user selects a color. The event name is change.
onFocus?
(event: FocusEvent) => void
Fires when the ColorPalette gets the focus. The event name is focus.
palette?
string | string[]
Sets the colors that the ColorPalette shows.
The supported values are:
- The name of a predefined palette preset (for example,
office,basic, andapex). - A string array.
'office'
size?
"small" | "medium" | "large"
Configures the size of the ColorPalette.
The available options are:
smallmediumlarge
undefined
tabIndex?
number
Sets the tabIndex attribute of the ColorPalette.
value?
string
Sets the value of the ColorPalette. Use it to control the value.