ReactionEmojiPicker

pro

ReactionEmojiPicker floats a compact emoji grid from a trigger so users can add reactions without leaving the current context.

Get the code

Installation

Add this component with the NateUI CLI.

npx nateui@latest add ReactionEmojiPicker

Examples

Custom Trigger

Get the code

Custom Emojis

Get the code

Placement

Get the code

Reaction Bar

Get the code

API

PropDescriptionTypeDefault
emojisThe emoji set rendered in the picker grid.readonly string[]['👍','❤️','😂','😮','😢','😡','👏','🎉']
onSelectCalled with the chosen emoji string. The picker closes immediately after.(emoji: string) => void—
triggerCustom trigger element. Defaults to a smiley icon button.ReactNode—
placementPopover panel placement relative to the trigger.PopoverPlacement'top'
widthPixel width of the popover panel.number250

Types

type PopoverPlacement =
  | 'top' | 'top-start' | 'top-end'
  | 'bottom' | 'bottom-start' | 'bottom-end'
  | 'left' | 'left-start' | 'left-end'
  | 'right' | 'right-start' | 'right-end'