local-emoji-picker

emoji picker for local emojis

Installation

pnpm install @hasparus/local-emoji-picker

import { LocalEmojiPicker } from "@hasparus/local-emoji-picker";
import "@hasparus/local-emoji-picker/dist/main.css";

Live Example

Props

• categorySelector: boolean
  • default: false
• search: boolean
  • default: false
• frequentlyUsed: boolean
  • default: false
• categories: categories
  • default: preset, example { category: 'people', symbol: '😄' }
• onClick: function(data)
  • data: { value: string, keywords: Array }
• idPrefix: string
  • default: ''

Examples

  const onClick = (data) => {
    console.log(data) /*
    {
      value: '',
      keywords: ['', ...],
    }
    */
  }

  <LocalEmojiPicker
    categorySelector
    search
    frequentlyUsed
    onClick={onClick}
  />

// only search
  <LocalEmojiPicker
    search
    onClick={onClick}
  />

// only category selector
  <LocalEmojiPicker
    categorySelector
    onClick={onClick}
  />

// custom category selector
  <LocalEmojiPicker
    categorySelector
    categories={[
      {
        category: 'symbols',
        symbol: '💕'
      },
      {
        category: 'flags',
        symbol: '🇸🇪'
      }
    ]}
    onClick={onClick}
  />,

// only frequently used
  <LocalEmojiPicker
    frequentlyUsed
    onClick={onClick}
  />,

// none
  <LocalEmojiPicker
    onClick={onClick}
  />,