ColorPalette

<ui5-color-palette> | Since 1.0.0-rc.12

The ui5-color-palette provides the users with a range of predefined colors. The colors are fixed and do not change with the theme.

Usage

The ui5-color-palette is meant for users that need to select a color from a predefined set. To define the colors, use the ui5-color-palette-item component inside the default slot of the ui5-color-palette.

ES6 Module Import

import "@ui5/webcomponents/dist/ColorPalette.js";

Basic Sample

Properties

No properties available for this component.

Slots

default

Description	Defines the ui5-color-palette-item elements.
Type	Array<IColorPaletteItem>

Events

item-click

Description	Fired when the user selects a color.
Type	CustomEvent<ColorPaletteItemClickEventDetail>
Parameters	color: string the selected color
Since	1.0.0-rc.15
Bubbles	Yes
Cancelable	No

Methods

No methods available for this component.

CSS Parts

No CSS parts available for this component.