Installation

To install a component run

$ npm install @hawk-ui/color-picker --save

Please import CSS styles via

@import '/path__to__node_modules/@hawk-ui/color-picker/dist/index.min.css

Usage

With Hex Code

Demo

import ColorPicker from '@hawk-ui/color-picker';

<ColorPicker
  defaultColor="#f18ca6"
  onSave={(event) => { console.log('query onSave', event); }}
/>

With Background

Demo

import ColorPicker from '@hawk-ui/color-picker';

<ColorPicker
  defaultColor="f18ca6"
  showHexCode={false}
  onSave={(event) => { console.log('query onSave', event); }}
/>

With Text

Demo

import ColorPicker from '@hawk-ui/color-picker';

<ColorPicker
  defaultColor="f18ca6"
  showHexCode={false}
  isText
  title="A"
  onSave={(event) => { console.log('query onSave', event); }}
/>

With Icon

Demo

import ColorPicker from '@hawk-ui/color-picker';

<ColorPicker
  defaultColor="f18ca6"
  showHexCode={false}
  isIcon
  title="fas fa-paint-roller"
  onSave={(event) => { console.log('query onSave', event); }}
/>