A link that is styled to look like a button.

This is a <a> tag, that is styled like a <button> tag.

Tailwind CSS is used to style the button elements.

Install

import { Button } from "@react-email/components";

Unstyled

<Button
	href="<https://example.com>">
	Get Started
</Button>

Primary Style

<Button
	href="<https://example.com>"
	className="bg-blue-600 text-white font-bold py-2 px-4 rounded mt-4" > 
	Get Started
</Button>

Border Style

<Button
	href="<https://example.com>"
	className="bg-white border-3 border-solid border-blue-600 text-blue-600 
	font-bold py-2 px-4 rounded mt-4" > 
	Get Started
</Button>