@react-email/editor/extensions and are included
in StarterKit by default. Each can be configured via StarterKit.configure() or
imported individually.
Block Nodes
Block Nodes
Body
Email body wrapper element.Section
Content section container.Container
Primary email content wrapper. InStarterKit, top-level blocks are wrapped in a
container node so the document exports through React Email’s
<Container> component.When HTML is pasted or imported, this extension also recognizes React Email-style
container tables: a presentation table with a max-width and a single row/cell is
parsed back into a container node.Div
Generic div container.Paragraph
Text paragraph.Heading
Heading levels 1–6.Blockquote
Block quote element.CodeBlockPrism
Code block with Prism.js syntax highlighting.Divider
Horizontal rule / separator.Button
Email button (styled anchor element).PreviewText
Email preview text (shown in inbox list views).Lists
Lists
Layout
Layout
TwoColumns
Two column layout container. Inserts twoColumnsColumn children.ThreeColumns
Three column layout container. Inserts threeColumnsColumn children.FourColumns
Four column layout container. Inserts fourColumnsColumn children.ColumnsColumn
Individual column within a column layout. Automatically created by column insertion commands.Tables
Tables
Inline Marks
Inline Marks
Bold
Bold text formatting.Italic
Italic text formatting.Strike
Strikethrough text formatting.Underline
Underline text formatting.Code
Inline code formatting.Sup
Superscript text.Uppercase
Uppercase text transform.Link
Hyperlink with extended email attributes.Whether clicking a link navigates to the URL. Disabled by default in the editor.
Text
Base text node. Required for any text content.Attributes
Attributes
Utility
Utility
TrailingNode
Keeps an empty block at the end of the target node so the caret can move below the last block and users can continue typing. InStarterKit, it is configured to append
an empty paragraph inside each container, section, and columnsColumn.Node type to insert when a trailing block is needed.
Node type (or array of node types) that receives the trailing block. When an array is
provided, a trailing node is appended inside every matching node type.
StarterKit
overrides this to ['container', 'section', 'columnsColumn'].Node types after which no trailing block should be inserted. The inserted node type
is always treated as disallowed automatically, so a trailing paragraph will not be
added after another paragraph.