Emoji - Emoji picker

Usage

Import the component in your React app as follows:

  import EmojiPicker from '@atlaskit/emoji/picker';
  import { EmojiResource, EmojiResourceConfig } from '@atlaskit/emoji/resource';

  const config: EmojiResourceConfig = {
    providers: [
      {
        url: 'https://emoji-example/emoji/standard',
      },
      {
        url: 'https://emoji-example/emoji/site-id/site',
        securityProvider: () => ({
          headers: {
            Authorization: 'Bearer token',
          },
        }),
      },
    ],
  }

  const emojiProvider = new EmojiResource(config);

  ReactDOM.render(
    <EmojiPicker
      emojiProvider={emojiProvider}
      onSelection={emoji => {
        /* do something */
      }}
    />,
    container,
  );

Atlaskit

Emoji - Emoji picker

Usage

Emoji Picker