Closed1

emoji-martでtwemojiを利用する

marushomarusho

emoji-mart

Slack風のemoji picker
https://github.com/missive/emoji-mart/tree/main

install

  • React + TypeScript
yarn add emoji-mart @types/emoji-mart @emoji-mart/data @emoji-mart/react

Twemoji で利用する

import data from "@emoji-mart/data/sets/14/twitter.json";
import Picker from "@emoji-mart/react";

export const TwemojiPicker = () => {
  return (
      <Picker data={data} onEmojiSelect={console.log} set="twitter"/>
  );
};

参考

https://github.com/missive/emoji-mart/issues/781

このスクラップは2023/08/26にクローズされました