ASCII Emoticons

Default Behavior

ASCII emoticons like :), <3, :D, and ;) are matched by default. They require whitespace or string boundaries on both sides to avoid false positives inside words.

<EmojiText>hello :)</EmojiText>  {/* :) → emoji */}
<EmojiText>hello:)</EmojiText>   {/* no match — no boundary */}

Disabling ASCII

Disable ASCII matching on the provider or per-instance:

@emoji-mart/data

import emojiMartData from '@emoji-mart/data';
import { fromEmojiMart } from 'react-emoji-text/adapters/emoji-mart';

const data = fromEmojiMart(emojiMartData);

<EmojiProvider data={data} ascii={false}>
  <EmojiText>hello :)</EmojiText> {/* renders as plain text */}
</EmojiProvider>

emojibase

import emojis from 'emojibase-data/en/data.json';
import shortcodes from 'emojibase-data/en/shortcodes/emojibase.json';
import { fromEmojibase } from 'react-emoji-text/adapters/emojibase';

const data = fromEmojibase(emojis, { shortcodes });

<EmojiProvider data={data} ascii={false}>
  <EmojiText>hello :)</EmojiText> {/* renders as plain text */}
</EmojiProvider>

Try It

Toggle the ASCII checkbox to see how emoticons are handled:

@emoji-mart/dataemojibase

ASCII

hello 👋 world ❤️