Creaditor Emoji Picker

$3

this package use emoji-picker-react

Installation

$3

npm i @creaditor/emoji-picker-web-component

$3

import "@creaditor/emoji-picker-web-component"

$3

Example:

``

json

  const onEmojiClick = (event, emojiObject) => {

    setChosenEmoji(emojiObject);

  };

js

const emojiPicker = document.createElement("cdtr-emoji-picker");

emojiPicker.onEmojiClick = (event, emojiObject) => {

  const span = document.createElement("span");

  span.innerHTML = emojiObject.emoji;

  document.getElementById("block").appendChild(span);

};



document.getElementById("block").appendChild(emojiPicker);





Publish



#### Please build using

npm run build





#### and then run

npm publish





$3



| Name                    | Type       | Default Value | Required? | Description                                                                                             |

| ----------------------- | ---------- | ------------- | --------- | ------------------------------------------------------------------------------------------------------- |

|

onEmojiClick | Function | undefined

   | Yes       | Callback to run when clicking an emoji.                                                                 |

|

preload | Boolean | false

       | No        | Indicates whether all emojis images, should be preloaded, or only when showing each category.           |

|

skinTone | string | neutral

     | No        | Decides the default skit tone for supported emojis.                                                     |

|

disableAutoFocus | boolean | false

       | No        | Disables autofocus of the search bar. Useful for safari-iphone devices which zoom in to focused inputs. |

|

disableSearchBar | boolean | false

       | No        | Disables the search bar and the skin tone picker altogether.                                            |

|

disableSkinTonePicker | boolean | false

       | No        | Disables the skin tone picker.                                                                          |

|

pickerStyle | Object | undefined

   | No        | Overrides style of the component.                                                                       |

|

groupNames | Object | undefined

   | No        | Specifies alternative category names to use. See Internationalization section.                          |

|

groupVisibility | Object | undefined

   | No        | Specifies group names to be disabled.                                                                   |

|

native | Boolean | false

       | No        | Loads system emojis instead of Apple Emoji pngs                                                         |

|