@salesforce-ux/slds-color-picker-panel

Getting Started

About

color-picker-panel is a sub-component of the Salesforce Lightning Design System Color Picker.

Installation

npm i @salesforce-ux/slds-color-picker-panel

Usage

Lightning Web Component

Import the CSS

After installation, you need to import the component's CSS into your LWC component module. To do this, use the @import CSS syntax within the CSS file of your component module.

/* myComponent.css */
@import '@salesforce-ux/slds-color-picker-panel/dist/color-picker-panel.compiled.css';

The *.compiled.css files in the /dist folder have all the component's dependencies rolled up into one file. If you choose to import your modules explicitly, you should the *.css files in the /dist folder

Decorate the HTML to match specification

Additionally, you will need to decorate the HTML of your LWC component template to have all the named part attributes in the component's specification.