Skip to content

feat(editor): add pre-built inspector section components#3188

Open
joaopcm wants to merge 2 commits intocanaryfrom
feat/inspector-section-components
Open

feat(editor): add pre-built inspector section components#3188
joaopcm wants to merge 2 commits intocanaryfrom
feat/inspector-section-components

Conversation

@joaopcm
Copy link
Copy Markdown
Member

@joaopcm joaopcm commented Apr 6, 2026

Summary

  • Add 7 composable section components: Inspector.Background, Inspector.Padding, Inspector.Border, Inspector.Size, Inspector.Typography, Inspector.Attributes, Inspector.Link
  • Wire default rendering into Inspector.Node (per-node-type layout) and Inspector.Text (Typography + Link)
  • All sections accept initialCollapsed prop and wrap content in collapsible <Section>

Usage

// Compose sections declaratively
<Inspector.Node>
  {(ctx) => (
    <>
      <Inspector.Background {...ctx} />
      <Inspector.Padding {...ctx} />
      <Inspector.Border {...ctx} initialCollapsed />
    </>
  )}
</Inspector.Node>

// Or use defaults — renders sensible sections per node type
<Inspector.Node />
<Inspector.Text />

Context

Part of the inspector sidebar redesign (PRODUCT-1739). Stacked on top of #3187 (Inspector.Node + Inspector.Text).

Test plan

  • pnpm lint:fix passes
  • All 119 existing inspector tests still pass
  • All sections exported on Inspector compound component

@vercel
Copy link
Copy Markdown
Contributor

vercel bot commented Apr 6, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
react-email Ready Ready Preview, Comment Apr 6, 2026 7:43pm
react-email-demo Ready Ready Preview, Comment Apr 6, 2026 7:43pm
react-email-examples Ready Ready Preview, Comment Apr 6, 2026 7:43pm

Request Review

@changeset-bot
Copy link
Copy Markdown

changeset-bot bot commented Apr 6, 2026

⚠️ No Changeset found

Latest commit: 3a5b96f

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

@cubic-dev-ai
Copy link
Copy Markdown
Contributor

cubic-dev-ai bot commented Apr 6, 2026

This review could not be run because your cubic account has exceeded the monthly review limit. If you need help restoring access, please contact contact@cubic.dev.

@pkg-pr-new
Copy link
Copy Markdown

pkg-pr-new bot commented Apr 6, 2026

Open in StackBlitz

npm i https://pkg.pr.new/@react-email/editor@3188

commit: 3a5b96f

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant