EmojiPicker

Emoji panel with search, category tabs and a keyboard-navigable grid (arrows, Home/End; Enter or Space picks). The panel adapts to its container width and holds no portal, so it works inline or inside a popover.

Import

import { EmojiPicker } from "@jcsoftdev/ui/forms";

Single-component entry points tree-shake to just this component: @jcsoftdev/ui/forms/emoji-picker.

Usage

export const Default: Story = { render: () => <WithPreview /> };

Source of the Storybook story.

Props

Prop	Type	Default	Description
onSelect	((emoji: string) => void)
categories	EmojiCategory[]	EMOJI_CATEGORIES	Replaces the built-in dataset (EMOJI_CATEGORIES).
defaultCategory	string		Initial category id.
searchPlaceholder	string	"Buscar emoji"
className	string

* marks a required prop.

Storybook stories

• Default
• Narrow
• Brutal Preset

Source

packages/ui/src/forms/emoji-picker/emoji-picker.tsx