Use the following composition to build an EmojiPicker:
You can show a list of recently used emojis by passing the showRecents prop.
The list is sorted by frecency meaning emojis used more are at the top and 2 emojis with the same amount of uses will be sorted by the last time they were used.
The API and style of this component takes inspiration from Frimousse.
The root component of the emoji picker.
Displays the list of emojis.
| Prop | Type | Default |
|---|---|---|
emptyMessage? | string | No results. |
The viewport container for the emoji picker.
The search input for filtering emojis.
A button for selecting the emoji skin tone.
| Prop | Type | Default |
|---|---|---|
previewEmoji? | string | 👋 |