joypixels / joypixels/emoji-toolkit

I think it would be good to add a react example

Open
#45 0 comments 3 reactions 0 assignees View on GitHub
Dominant language
PHP
Stars
473
Forks
47
PR merge metrics
No merged PRs in 30d

Description

First of all, thank you for developing a good project.
I succeeded in applying joypixels in react, and I want to share components.

### EmojiAsset.tsx
```tsx
import joypixels from 'emoji-toolkit'

const EmojiAsset = (props: { emoji: string }) => {
const html = () => {
const styles = [
`width: 1.2em`,
`height: 1.2em`,
'top: -1px',
'position: relative'
]
const html: string = (joypixels.toImage(props.emoji) as string)
.split(`
)
}

export default EmojiAsset
```

### index.tsx
```tsx
const SomePage = () => {
return (

)
}

export default SomePage
```

### Example

스크린샷 2021-05-28 오후 7 03 44

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.