Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/pedrinslzx/reactmoji
Use emojis do iOS em seu app React
https://github.com/pedrinslzx/reactmoji
emojis ios ios-emojis react
Last synced: 11 days ago
JSON representation
Use emojis do iOS em seu app React
- Host: GitHub
- URL: https://github.com/pedrinslzx/reactmoji
- Owner: pedrinslzx
- License: mit
- Created: 2023-09-13T13:04:51.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-12-29T14:43:46.000Z (about 1 year ago)
- Last Synced: 2024-11-06T12:18:20.988Z (about 2 months ago)
- Topics: emojis, ios, ios-emojis, react
- Language: TypeScript
- Homepage:
- Size: 92.8 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 🎉 REACTMOJI 😍
Use emojis do iOS em seu app React
## Funcionalidades
- Emojis padronizados em todas as plataformas
- Suporte a mais de 3900 emojis
## Licença
[MIT](https://choosealicense.com/licenses/mit/)
## Uso/Exemplos
### React
Você pode utilizar o componente de `Emoji` do reactmoji que disponibiliza um componente `img`.
```javascript
import { Emoji } from 'reactmoji'
function App() {
return (
Como eu falei: super fácil
)
}
```
### NextJS
Você não precisa habilitar a renderização via cliente para utilizar o reactmoji. Você pode utilizar o componente de `Image` do próprio Next.
```javascript
import Image from 'next/image'
import { getEmoji } from 'reactmoji'
function App() {
return (
Como eu falei: super fácil
)
}
```
Não esqueça de adicionar o domínio do reactmoji para que o Next possa acessar as imagens utilizando o componente `Image`
```javascript
/** @type {import('next').NextConfig} */
const nextConfig = {
images: {
domains: ['reactmoji.pedrinholemes.com.br'],
},
}
module.exports = nextConfig
```
## Options
Se você quiser pode alterar o host e o https utilizando a função `setOptions`
```javascript
import { setOptions } from 'reactmoji'
setOptions({
host: 'emojis.pedrinholemes.com.br',
https: true,
})
```
## Roadmap
Ainda estou melhorando essa lib. Se tiver algo pra ajudar, manda uma ISSUE ou envie sua PR
- [] suporte a sintaxe gitmoji (`:happy:`)
- [] textos alternativos como os próprios emojis para melhorar a acessibilidade
- [] reconhecer emojis na prop `emoji`