Hr

Creates divider (horizontal rule) that separates content

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

HrExample.jsx

import { Hr } from 'jsx-email';

const Email = () => {
  return (
    <>
      <p>Content above</p>
      <Hr />
      <p>Content below</p>
    </>
  );
};

Props

Optional Props

disableDefaultStyle

disableDefaultStyle?: boolean;

When true, removes default styles. Useful when using Tailwind or custom classes.

Additional Props

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