@react-email/link

@react-email/link

A hyperlink to web pages, email addresses, or anything else a URL can address.

Website · GitHub

Install

Install component from your command line.

With yarn

yarn add @react-email/link -E

With npm

npm install @react-email/link -E

Getting started

Add the component to your email template. Include styles where needed.

import { Link } from "@react-email/link";

const Email = () => {
  return <Link href="https://example.com">Example</Link>;
};

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

Similar packages

Other packages similar to @react-email/link

react-router-dom

react-router-dom is a popular package for handling routing in React applications. It provides a `Link` component that is used to create navigational links within a React app. Unlike @react-email/link, it is not specifically designed for email links but for in-app navigation.

react-mailchimp-subscribe

react-mailchimp-subscribe is a package for integrating Mailchimp subscription forms in React applications. It includes components for creating subscription links and forms. While it focuses on email subscriptions, it does not provide the same level of customization for email links as @react-email/link.