solid-emoji-picker

SolidJS Emoji Picker modal.

Quick start

Install it:

npm i solid-emoji-picker
# or
pnpm add solid-emoji-picker

Use it:

import { EmojiPicker } from 'solid-emoji-picker';
import { emojis } from 'solid-emoji-picker/emojis';
import { categories } from 'solid-emoji-picker/categories';


const App = () => {
  return (
    <div>
      <EmojiPicker spriteUrl="/emojiSprites.png" categories={categories} emojis={emojis} />
    </div>
  )
}

export default App

Events

onEmojiClicked: (Emoji) => void;

Properties

primaryColor = "#77a8f3"
categories = string[]
emojis = Emoji[]
maxRow = 7
spriteUrl = "/emojiSprites.png" // located in dev/public/

Emoji

{
    "emoji": "😀",
    "short_names": ["grinning"],
    "category": "Smileys & Emotion"
}