Components
Button
A link that is styled to look like a button.
Semantics: Quite often in the email world we talk about buttons, when actually
we mean links. Behind the scenes this is a <a>
tag, that is styled like a <button>
tag.
Install
Install component from your command line.
npm install @react-email/button -E
Getting started
Add the component to your email template. Include styles where needed.
import { Button } from '@react-email/button';
const Email = () => {
return (
<Button href="https://example.com" style={{ color: '#61dafb' }}>
Click me
</Button>
);
};
Props
hrefrequired
string
Link to be triggered when the button is clicked
target
Default: "_blank"string
Specify the target attribute for the button link
Support
All components were tested using the most popular email clients.
Gmail
Apple Mail
Outlook
Yahoo! Mail
HEY
Superhuman