Skip to content

Instantly share code, notes, and snippets.

@J3698
Created July 31, 2019 00:59
Show Gist options
  • Save J3698/349a48e32c9d4c8b67650a12a839d798 to your computer and use it in GitHub Desktop.
Save J3698/349a48e32c9d4c8b67650a12a839d798 to your computer and use it in GitHub Desktop.
function UrlOutput(props) {
return (
<>
<div className={outputStyles.shortenOutput}>
<div className={outputStyles.siteName}>
urlmem.com/
</div>
<div className={outputStyles.shortWord}>
{props.shortUrl}
</div>
<button className={outputStyles.copyButton}>
copy
</button>
<div className={outputStyles.longUrl}>
{props.longUrl}
<div className={outputStyles.longUrlCover}></div>
</div>
</div>
<br />
</>
);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment