😄 EmojiPicker — A Svelte Emoji Picker Component

A simple, reusable, and event-based emoji picker built for Svelte. Perfect for chat apps, editors, and anything fun!

---

🚀 Features

• 🎉 Clean grid of emojis
• 🧠 Emits selected emoji using on:emoji event
• 🛠️ Easy to integrate into Svelte apps
• 📦 Works with npm, pnpm, bun, and jsr (Deno)

---

📦 Installation

Install via your favorite package manager:

npm

npm install @your-org/emoji-picker

pnpm

pnpm add @your-org/emoji-picker

bun

bun add @your-org/emoji-picker

jsr (Deno)

import EmojiPicker from "jsr:@your-org/emoji-picker";

---

🧑‍💻 Usage

Import and use the emoji picker in any Svelte component:

<script lang="ts">
  import EmojiPicker from '@your-org/emoji-picker';

  let selectedElement = { content: '' };

  function updateTextSettings() {
    // Your custom logic
    console.log('Updated:', selectedElement.content);
  }
</script>

<EmojiPicker
  on:emoji={(e: CustomEvent) => {
    selectedElement.content = e.detail;
    updateTextSettings();
  }}
/>

---

📸 Preview

---

🛠 Development Setup

git clone https://github.com/your-org/emoji-picker.git
cd emoji-picker
npm install
npm run dev

Make sure you have SvelteKit if you're testing it inside an app.

---

🤝 Contributing

Got an idea? Found a bug? Open an issue or PR — contributions are welcome!

---

📄 License

MIT © Your Name

---

❤️ Support

If you like this project, give it a ⭐ on GitHub and share it with others!