Preview

Renders a preview text viewable in email clients' inbox list

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

PreviewExample.jsx

import { Preview } from 'jsx-email';

const Email = () => {
  return <Preview>Email preview text</Preview>;
};

Best Practice

Keep preview text under 90 characters for optimal display across email clients.

Props

Additional Props

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