Emoji Picker
Emoji grid popover with category tabs, search, skin-tone selector, recent row and keyboard grid navigation.
Copy a prompt for your AI coding tool with the source, dependencies and usage
Props
EmojiPickerProps
Also accepts all props of Omit<React.ComponentProps<"div">, "onSelect">
| Prop | Type | Default | Description |
|---|---|---|---|
| onSelect | (emoji: string) => void | — | Called with the chosen character (skin tone applied) |
| defaultRecent | string[] | — | Characters to seed the recent row with |
| closeOnSelect | boolean | — | Close the popover after picking |
| align | "start" | "end" | — | — |
| triggerLabel | React.ReactNode | — | Custom trigger content |
| defaultOpen | boolean | — | Opens on first render without moving focus, handy for static previews |
Install
$ npx shadcn@latest add https://chromotion.dev/r/emoji-picker.json