Nautical Poseidon Mythology
    Have ideas to improve npm?Join in the discussion! »

    @hawk-ui/color-picker

    2.13.1 • Public • Published

    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); }}
    />

    Install

    npm i @hawk-ui/color-picker

    DownloadsWeekly Downloads

    26

    Version

    2.13.1

    License

    MIT

    Unpacked Size

    120 kB

    Total Files

    23

    Last publish

    Collaborators

    • avatar