Getting Started
Overview
Installation
Theme
Forms
Basic Inputs
Select
Custom Inputs
Components
Navigation
Components
68
Micro Charts
Libraries
Kanban Board
Image Designer
Video Player
Visual Builder
Content Editor
Data View
Purchase

Emoji Picker

Emoji Picker is an overlay picker for choosing one Unicode emoji from a categorized list. Open it from a button or toolbar action with [ngsEmojiPickerTriggerFor], then use emojiSelected to receive the selected emoji string.

Use it in comments, chats, quick messages, reactions, comment/editor toolbars, social features, and any text entry flow where users need to insert or choose an emoji. Do not use it for interface icons, action menus, complete text editing, stickers, GIFs, or media pickers.

Key Features:
  • Categorized emoji list: Users can browse emoji grouped by category.
  • Language support: Uses the current locale or a specific language input.
  • Trigger positioning: Opens relative to the trigger and closes after selection.
  • Hover preview: Shows the hovered emoji and label before selection.

The NgStarter Angular Emoji Picker component lets you let users choose one Unicode emoji from an overlay picker. Use in comments, chats, quick messages, reactions, comment/editor toolbars, social features, and any text entry flow where users need to insert or choose an emoji. It includes examples for Basic emoji picker.

Basic emoji picker

Use Emoji Picker when a trigger should open an emoji list and insert the selected Unicode emoji into a message, comment, reaction, or editor toolbar flow.