emoji-kit

PreviousNext
Docs
platecomponent

Preview

Loading preview…
registry/components/editor/plugins/emoji-kit.tsx
'use client';

import emojiMartData from '@emoji-mart/data';
import { EmojiInputPlugin, EmojiPlugin } from '@platejs/emoji/react';

import { EmojiInputElement } from '@/registry/ui/emoji-node';

export const EmojiKit = [
  EmojiPlugin.configure({
    options: { data: emojiMartData as any },
  }),
  EmojiInputPlugin.withComponent(EmojiInputElement),
];

Installation

npx shadcn@latest add @plate/emoji-kit

Usage

import { EmojiKit } from "@/components/emoji-kit"
<EmojiKit />