EmailDivider

anon.li · email, email-template, html-rendering, ui

Renders a horizontal divider line in email templates using a 1px table row with border color, ensuring consistent visual separation across email clients.

export function EmailDivider() {
    return (
        <tr>
            <td style={{ padding: "0 48px" }}>
                <table role="presentation" width="100%" cellSpacing="0" cellPadding="0">
                    <tbody>
                        <tr>
                            <td style={{ height: "1px", backgroundColor: emailColors.border, fontSize: "1px", lineHeight: "1px" }}>
                                &nbsp;
                            </td>
                        </tr>
                    </tbody>
                </table>
            </td>
        </tr>
    );
}

See the full source, get the GitHub permalink, and search 40K more like it.

Get a free API key