Component
Emoji Picker
An emoji picker with categories, search, and click-to-select. Uses the headless @refraction-ui/emoji-picker core.
Examples
Browse categories and click an emoji to select it.
Smileys & Emotion
Installation
$
pnpm add @refraction-ui/react-emoji-pickerUsage
tsx
import { EmojiPicker } from '@refraction-ui/react-emoji-picker'
export function MyComponent() {
return <EmojiPicker onSelect={(emoji) => console.log(emoji)} />
}Props
| Prop | Type | Default | Description |
|---|---|---|---|
onSelect | (emoji: string) => void | -- | Callback when an emoji is selected. |
className | string | -- | Additional CSS classes. |