Skip to content

Instantly share code, notes, and snippets.

@PrunedNeuron

PrunedNeuron/Body.tsx

Created September 28, 2023 17:33
Show Gist options
  • Save PrunedNeuron/1bb1b3b4d093f3215dac87ff3585c493 to your computer and use it in GitHub Desktop.
Save PrunedNeuron/1bb1b3b4d093f3215dac87ff3585c493 to your computer and use it in GitHub Desktop.
Download ZIP
React - Text with Emojis
Raw
Body.tsx
import laptopIcon from "@iconify/icons-twemoji/laptop";
import paintbrushIcon from "@iconify/icons-twemoji/paintbrush";
import { Icon } from "@iconify/react";
import React from "react";
import { Container, Intro, Name } from "./Styles";
const Body: React.FC = (): JSX.Element => {
return (
<>
<Container>
<Intro>
I&apos;m <Name>John Doe</Name>, a graphic designer
<Icon className="emoji" icon={paintbrushIcon} />
and developer
<Icon className="emoji" icon={laptopIcon} />.
</Intro>
</Container>
</>
);
};
export default Body;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment