Row

Separates content boundaries horizontally

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

RowExample.jsx

import { Column, Row, Section } from 'jsx-email';

const Email = () => {
  return (
    <Section>
      <Row>
        <Column>A</Column>
      </Row>
      <Row>
        <Column>B</Column>
      </Row>
      <Row>
        <Column>C</Column>
      </Row>
    </Section>
  );
};

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<'table'>.