Hr
Creates divider (horizontal rule) that separates content
Install
Install the component from your command line
console
pnpm add jsx-emailpnpm add jsx-emailconsole
bun add jsx-emailbun add jsx-emailconsole
npm add jsx-emailnpm add jsx-emailconsole
yarn add jsx-emailyarn add jsx-emailUsage
Add the component to your email template. Include styles where needed.
jsx
import { Hr } from 'jsx-email';
const Email = () => {
return <Hr />;
};import { Hr } from 'jsx-email';
const Email = () => {
return <Hr />;
};Component Props
ts
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.
TIP
This component also expresses all of the Common Component Props for ComponentProps<'hr'>.