# Getting Started

## About

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

## Installation

```bash
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.

```css
/* 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]().