Skip to content

Migrate __experimentalHeading to @wordpress/ui Text in Mobile tab navigation#77824

Closed
saranshsinhaa wants to merge 1 commit into
WordPress:trunkfrom
saranshsinhaa:feat/issue-77265-block-editor-mobile-tab-navigation
Closed

Migrate __experimentalHeading to @wordpress/ui Text in Mobile tab navigation#77824
saranshsinhaa wants to merge 1 commit into
WordPress:trunkfrom
saranshsinhaa:feat/issue-77265-block-editor-mobile-tab-navigation

Conversation

@saranshsinhaa

@saranshsinhaa saranshsinhaa commented Apr 30, 2026

Copy link
Copy Markdown
Contributor

What?

Part of: #77265

Why?

Now that the required tooling is in place, we can start applying consistent text styling across the site and block editor. This can be done by replacing instances of __experimentalText and __experimentalHeading, as well as any ad hoc styled text, with the Text component from the UI package.

How?

Replaced the __experimentalHeading with @wordpress/ui Text in Mobile tab navigation

Testing Instructions

  1. Open the post editor.
  2. Switch to a mobile viewport (responsive mode in browser devtools, e.g. iPhone width).
  3. Open the block inserter (+).
  4. In the mobile inserter, click Browse all to expand.
  5. Switch to Patterns tab, select any from the list (ex: Banners).
  6. The heading "Back" with the chevron icon is the migrated heading.
Before After
image image

@github-actions github-actions Bot added the [Package] Block editor /packages/block-editor label Apr 30, 2026
@Mamaduka Mamaduka added the [Type] Enhancement A suggestion for improvement. label Apr 30, 2026
@simison simison requested review from aduth, ciampo and mirka April 30, 2026 12:22
@ciampo ciampo requested a review from jameskoster April 30, 2026 12:57
@saranshsinhaa saranshsinhaa marked this pull request as ready for review April 30, 2026 13:04
@saranshsinhaa saranshsinhaa requested a review from ellatrix as a code owner April 30, 2026 13:04
@github-actions

Copy link
Copy Markdown

The following accounts have interacted with this PR and/or linked issues. I will continue to update these lists as activity occurs. You can also manually ask me to refresh this list by adding the props-bot label.

If you're merging code through a pull request on GitHub, copy and paste the following into the bottom of the merge commit message.

Co-authored-by: saranshsinhaa <saranshsinha@git.wordpress.org>

To understand the WordPress project's expectations around crediting contributors, please review the Contributor Attribution page in the Core Handbook.

@ciampo

ciampo commented Apr 30, 2026

Copy link
Copy Markdown
Contributor

As mentioned in #77265 (comment), please update the PR description to include more details (especially around testing instructions) and a comprehensive before/after screenshots.

@ciampo ciampo closed this May 8, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

[Package] Block editor /packages/block-editor [Type] Enhancement A suggestion for improvement.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants