Butan

Deprecated. The v1 Button component. Please upgrade to the new Button component.

Deprecated Component

This component is a fallback for v1 Button compatibility. Please migrate to the new Button component. Butan will be removed in a future release.

Install

Install the component from your command line

pnpm

pnpm add jsx-email

bun

bun add jsx-email

npm

npm add jsx-email

yarn

yarn add jsx-email

Usage

ButanExample.jsx

import { Butan } from 'jsx-email';

const Email = () => {
  return (
    <Butan href="https://example.com" style={{ color: '#61dafb', padding: '10px 20px' }}>
      Click me
    </Butan>
  );
};

HTML Output

Renders as an <a> element styled to look like a button.

Props

Required Props

href

href: string;

URL to navigate to when clicked.

Optional Props

target

target?: string;

Value for the HTML target attribute.

Additional Props

This component also expresses all of the Common Component Props for ComponentProps<'a'>.