signal-desktop/ts/components/conversation/Emojify.md

All emoji

<Emojify text="🔥🔥🔥" />

With skin color modifier

<Emojify text="👍🏾" />

With sizeClass provided

<Emojify text="🔥" sizeClass="jumbo" />

<Emojify text="🔥" sizeClass="large" />

<Emojify text="🔥" sizeClass="medium" />

<Emojify text="🔥" sizeClass="small" />

<Emojify text="🔥" sizeClass="" />

Starting and ending with emoji

<Emojify text="🔥in between🔥" />

With emoji in the middle

<Emojify text="Before 🔥🔥 after" />

No emoji

<Emojify text="This is the text" />

Providing custom non-link render function

const renderNonEmoji = ({ text, key }) => (
  <span key={key}>This is my custom content</span>
);
<Emojify text="Before 🔥🔥 after" renderNonEmoji={renderNonEmoji} />;