Two Column Text is a layout component that places two rich text editors side by side on the page. Each column is independent, and the columns sit at equal width.
Unlike a standard Text component, Two Column Text does not include a heading field. If you want a title above your columns, add a Section Heading component directly above this one.
When to use Two Column Text
This component works well when you have two pieces of related content that benefit from being read together at a glance. Good use cases include:
- Comparing two options, programs, or pathways
- Pairing a list with a short explanation
- Showing "before and after" or "do and don't" content
- Splitting a longer text section into two shorter, more scannable halves
Avoid using Two Column Text for content that reads as a single continuous thought, or for one short paragraph paired with a much longer one. Lopsided columns can look unbalanced and are harder to read. If your content does not have a natural two-part structure, a standard Text component is usually the better choice.
Keep in mind that on smaller screens, the two columns stack vertically, with the left column appearing first. Make sure your content still reads well in that order.