Skip to content

feat(editor): add inspector components and section renderers#3173

Open
joaopcm wants to merge 1 commit intofeat/inspector-primitivesfrom
feat/inspector-components-sections
Open

feat(editor): add inspector components and section renderers#3173
joaopcm wants to merge 1 commit intofeat/inspector-primitivesfrom
feat/inspector-components-sections

Conversation

@joaopcm
Copy link
Copy Markdown
Member

@joaopcm joaopcm commented Apr 2, 2026

Summary

  • Ports 9 inspector components (prop-row, section, text-input, number-input, border-picker, border-radius-picker, padding-picker, style-panel, property-groups)
  • Ports 10 section renderers (background, border, padding, size, text, text-typography, attributes, link, other-styles, devtools)
  • All @/ui/* imports remapped to ../primitives
  • Includes 4 test files for picker components

Stacks on #3172 + #3171


Summary by cubic

Adds inspector primitives, UI components, and section renderers for the new style inspector. Edit background, borders (per-side/per-corner with px/%), spacing, size (px/%), typography, attributes, links, and other styles, with new icons and updated inspector.css section/prop-row layout.

  • New Features

    • Primitives: compound TextField (Root/Input/Slot), compound Select (Root/Trigger/Value/Content/Item with onValueChange), ToggleGroup, plus ColorInput, Text, Textarea, IconButton, Button, Label, Tooltip.
    • Components: NumberInput (drag-to-change, unit select), BorderPicker, PaddingPicker (uniform/per-side), BorderRadiusPicker (uniform/per-corner, px/%), TextInput, Section, PropRow, StylePanel, PropertyGroups.
    • Sections: background, border, padding, size, text, text-typography, attributes, link, other-styles.
    • Icons/CSS: added panel-*, corner-*, square, square-dashed, plus, x; updated icons/index.ts; added section and prop-row styles in inspector.css.
  • Refactors

    • Inlined section config into property-groups and style-panel; removed legacy node section config.
    • Remapped inspector imports to ../primitives; normalized icon names/exports; tightened primitive exports to compound ToggleGroup and Select APIs.

Written for commit d8d2fc2. Summary will update on new commits.

@changeset-bot
Copy link
Copy Markdown

changeset-bot bot commented Apr 2, 2026

⚠️ No Changeset found

Latest commit: d8d2fc2

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

@vercel
Copy link
Copy Markdown
Contributor

vercel bot commented Apr 2, 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 2, 2026 8:54pm
react-email-demo Ready Ready Preview, Comment Apr 2, 2026 8:54pm
react-email-examples Ready Ready Preview, Comment Apr 2, 2026 8:54pm

Request Review

@pkg-pr-new
Copy link
Copy Markdown

pkg-pr-new bot commented Apr 2, 2026

Open in StackBlitz

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

commit: d8d2fc2

@joaopcm joaopcm changed the base branch from feat/inspector-hooks to feat/inspector-primitives April 2, 2026 18:56
@joaopcm joaopcm force-pushed the feat/inspector-primitives branch from 4da5510 to 22701c1 Compare April 2, 2026 18:57
@joaopcm joaopcm force-pushed the feat/inspector-components-sections branch from 26da903 to d898dcd Compare April 2, 2026 18:57
@joaopcm joaopcm force-pushed the feat/inspector-primitives branch from 22701c1 to dea4fe0 Compare April 2, 2026 19:03
@joaopcm joaopcm force-pushed the feat/inspector-components-sections branch from d898dcd to 1aa965d Compare April 2, 2026 19:03
@joaopcm joaopcm force-pushed the feat/inspector-primitives branch from dea4fe0 to de2a026 Compare April 2, 2026 19:08
@joaopcm joaopcm force-pushed the feat/inspector-components-sections branch from 1aa965d to d5ce875 Compare April 2, 2026 19:10
@joaopcm joaopcm force-pushed the feat/inspector-primitives branch from de2a026 to c02e5b7 Compare April 2, 2026 19:19
@joaopcm joaopcm force-pushed the feat/inspector-components-sections branch from d5ce875 to 200b14b Compare April 2, 2026 19:20
@joaopcm joaopcm force-pushed the feat/inspector-components-sections branch from 200b14b to 4271295 Compare April 2, 2026 19:20
@joaopcm joaopcm force-pushed the feat/inspector-primitives branch from c67a915 to d5b6620 Compare April 2, 2026 19:46
@joaopcm joaopcm force-pushed the feat/inspector-components-sections branch from e5e9c01 to beecd99 Compare April 2, 2026 19:47
@joaopcm joaopcm force-pushed the feat/inspector-primitives branch from d5b6620 to aa5fc4e Compare April 2, 2026 19:49
@joaopcm joaopcm force-pushed the feat/inspector-components-sections branch from beecd99 to ab6139c Compare April 2, 2026 19:49
@joaopcm joaopcm force-pushed the feat/inspector-primitives branch from aa5fc4e to f2fdb81 Compare April 2, 2026 19:56
@joaopcm joaopcm force-pushed the feat/inspector-components-sections branch from ab6139c to 4b23c3e Compare April 2, 2026 19:57
@joaopcm joaopcm force-pushed the feat/inspector-primitives branch from f2fdb81 to 57a0309 Compare April 2, 2026 20:03
@joaopcm joaopcm force-pushed the feat/inspector-components-sections branch from 4b23c3e to 7ca68e6 Compare April 2, 2026 20:03
@joaopcm joaopcm force-pushed the feat/inspector-primitives branch from 57a0309 to f5fdfd0 Compare April 2, 2026 20:06
@joaopcm joaopcm force-pushed the feat/inspector-components-sections branch from 7ca68e6 to 712022f Compare April 2, 2026 20:06
@joaopcm joaopcm force-pushed the feat/inspector-primitives branch from f5fdfd0 to 2e87fc2 Compare April 2, 2026 20:10
@joaopcm joaopcm force-pushed the feat/inspector-components-sections branch from 712022f to 329d4e4 Compare April 2, 2026 20:10
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