react apple emojis

emojis de maçã reagindo

Emojis da Apple para React como imagens.

O pacote contém uma lista completa de emojis incluídos. Se você quiser que sua construção seja mais leve, você pode usar sua própria lista e agitar a árvore para reduzir o tamanho do pacote.

Instalação

 npm install --save react-apple-emojis

ou

 yarn add react-apple-emojis

Uso

 import { EmojiProvider , Emoji } from "react-apple-emojis"
import emojiData from "react-apple-emojis/src/data.json"

function App ( ) {
  return (
    < EmojiProvider data = { emojiData } >
      < Emoji name = "red-heart" / >
      < Emoji name = "smiling-face-with-hearts" width = { 16 } / >
    < / EmojiProvider >
  )
}

O componente Emoji é renderizado em uma tag img . Então passe qualquer prop que você normalmente passaria para um img .

A lista completa de nomes pode ser encontrada na Emojipedia. Basta clicar em um emoji e consultar a URL do navegador para encontrar seu nome.

Depende do CDN da Emojipedia, o uso em páginas de tráfego intenso é desaconselhável. Para usar seu próprio CDN:

 import { EmojiProvider , Emoji } from "react-apple-emojis"
import emojiData from "./emoji-data.json" // <-- Your own data

function App ( ) {
  return (
    < EmojiProvider data = { emojiData } >
      < Emoji name = "red-heart" / >
      < Emoji name = "smiling-face-with-hearts" width = { 16 } / >
    < / EmojiProvider >
  )
} 

Contribuindo

Sim, obrigado.

Licença

MIT