Search for a command to run...
A emoji picker is a component that allows users to select an emoji from a list of emojis.
The <EmojiPicker />
component is built on top of frimousse.
pnpm dlx shadcn@latest add https://ui-x.junwen-k.dev/r/emoji-picker.json
import {
EmojiPicker,
EmojiPickerSearch,
EmojiPickerContent,
EmojiPickerFooter,
} from "@/components/ui/emoji-picker";
<EmojiPicker>
<EmojiPickerSearch />
<EmojiPickerContent />
<EmojiPickerFooter />
</EmojiPicker>
Tip: If you're looking to build a robust input field that supports emoji insertion, you're likely looking for a rich text editor. Some interesting solutions worth exploring include Novel (powered by Tiptap), Plate (powered by Slate), or shadcn-editor (powered by Lexical). For lower-level control, you can also look into their underlying frameworks.