|Additional CSS classes.|
|Individual emojis size in pixels.|
|Don't load excluded categories. Accepts I18n categories keys.|
|A Fn that gets called on selecting an emoji from picker.|
|Number of emoji per line in a picker.|
|Ref for the emoji Picker|
|Show footer for picker.|
The EmojiPicker component provides a user with a default selection of emojis to choose from. An onSelect function will be called whenever an emoji is selected from the picker.
For more information on how to use the features and props for this component, check out the developer documentation.
A footer may optionally be added to an EmojiPicker by passing the showFooter property. The footer includes a color picker to customize the skin tone of relevant emojis. You may also adjust the emojiSize in pixels and the number of emojis displayed perLine within the input.
Sets can also be filtered to exclude certain categories of emojis. In the following demo, all emojis from the recent, people, foods, activity, and flags categories are excluded.
Customized emoji set
Other sets of emojis can be used within the EmojiPicker by providing custom sets to the wrapping
EmojiContext.Provider. The following demo applies a custom emoji set from Google.