Link ​

Renders a hyperlink to an external resource

Install ​

Install the component from your command line

pnpm add jsx-email

pnpm add jsx-email

bun add jsx-email

bun add jsx-email

npm add jsx-email

npm add jsx-email

yarn add jsx-email

yarn add jsx-email

Usage ​

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

import { Link } from 'jsx-email';

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

import { Link } from 'jsx-email';

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

Component Props ​

disableDefaultStyle?: boolean;

disableDefaultStyle?: boolean;

If true, instructs the component not to add default style properties to the component. This can be useful when attempting to override default styles with Tailwind or class names.

href: string;

href: string;

Link to be triggered when the button is clicked.

target?: string;

target?: string;

Specify the target attribute for the button link.