> For the complete documentation index, see [llms.txt](https://nzbin.gitbook.io/material-extensions/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://nzbin.gitbook.io/material-extensions/color-picker.md).

# Color Picker

## API reference for Material Extensions ColorPicker

`import { MtxColorPickerModule } from '@ng-matero/extensions/color-picker';`

### Directives

#### `MtxColorPicker`

Selector: `[mtx-color-picker]`

Exported as: `mtxColorPicker`

**Properties**

The color picker component is just like a `matInput`.

| Name                                                                        | Description                                |
| --------------------------------------------------------------------------- | ------------------------------------------ |
| @Input() `value: string`                                                    | Value of the color picker control.         |
| @Input() `placeholder: string`                                              | Placeholder of the color picker control.   |
| @Input() `disabled: boolean`                                                | Whether disabled the color picker control. |
| @Output() `colorChange: EventEmitter<{ color: Color; $event: MouseEvent }>` | Event emitted when the color changed.      |