@ui5/webcomponents-react
Version:
React Wrapper for UI5 Web Components and additional components
25 lines (24 loc) • 1.45 kB
JavaScript
'use client';
import '@ui5/webcomponents/dist/ColorPalettePopover.js';
import { withWebComponent } from '@ui5/webcomponents-react-base';
/**
* Represents a predefined range of colors for easier selection.
*
* Overview
* The ColorPalettePopover provides the users with a slot to predefine colors.
*
* You can customize them with the use of the colors property. You can specify a defaultColor and display a "Default color" button for the user to choose directly.
* You can display a "More colors..." button that opens an additional color picker for the user to choose specific colors that are not present in the predefined range.
*
* ### Usage
*
* The palette is intended for users, who don't want to check and remember the different values of the colors and spend large amount of time to configure the right color through the color picker.
*
* For the `ColorPalettePopover`
*
*
* __Note:__ This is a UI5 Web Component! [ColorPalettePopover UI5 Web Component Documentation](https://ui5.github.io/webcomponents/components/ColorPalettePopover) | [Repository](https://github.com/UI5/webcomponents)
*/
const ColorPalettePopover = withWebComponent('ui5-color-palette-popover', ['accessibleName', 'accessibleNameRef', 'defaultColor', 'opener', 'placement'], ['open', 'showDefaultColor', 'showMoreColors', 'showRecentColors'], [], ['close', 'item-click']);
ColorPalettePopover.displayName = 'ColorPalettePopover';
export { ColorPalettePopover };