We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
First of all, thank you for developing a good project. I succeeded in applying joypixels in react, and I want to share components.
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(`<img class="joypixels"`) .join(`<img class="joypixels" style="${styles.join(';')}"`) return { __html: html } } return ( <span className="emojiAsset" style={{ display: 'inline-block' }} dangerouslySetInnerHTML={html()} /> ) } export default EmojiAsset
const SomePage = () => { return ( <EmojiAsset emoji="📦 Module" /> ) } export default SomePage
The text was updated successfully, but these errors were encountered:
No branches or pull requests
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
index.tsx
Example
The text was updated successfully, but these errors were encountered: