@react-email/button
v0.1.0-canary.0TypeScript
A link that is styled to look like a button
0/weekUpdated 1 months agoMITUnpacked: 23.0 KB
Published by zenorocha
npm install @react-email/button@react-email/button
A link that is styled to look like a button.
Install
Install component from your command line.
#### With yarn
``sh`
yarn add @react-email/button -E
#### With npm
`sh`
npm install @react-email/button -E
Getting started
Add the component to your email template. Include styles where needed.
`jsx
import { Button } from "@react-email/button";
const Email = () => {
return (
);
};
`
Props
| Name | Type | Default | Description |
| ------ | ------ | -------- | ------------------------------------------------ |
| href | string | | Link to be triggered when the button is clicked |
| target | string | _blank` | Specify the target attribute for the button link |
Support
This component was tested using the most popular email clients.
| 
| 
| 
| 
| 
| 
|
| -------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------ |
| Gmail ✔ | Apple Mail ✔ | Outlook ✔ | Yahoo! Mail ✔ | HEY ✔ | Superhuman ✔ |
License
MIT License