Skip to content

[ Experimental Form ]: Add example block previews #70436

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged

Conversation

yogeshbhutkar
Copy link
Contributor

@yogeshbhutkar yogeshbhutkar commented Jun 16, 2025

What?

Part of #64707

This PR adds example previews to the experimental form and its ancestor blocks.

Why?

The example previews will allow users to preview the form block and its ancestor blocks when hovering over items in the block list.

How?

An example attribute has been introduced as part of the block registration process.

Testing Instructions

  1. Enable the Gutenberg Plugin and ensure add Form and input blocks is selected from Gutenberg's experiments.
  2. Create a new post.
  3. Open the block inserter.
  4. Hover over Experimental Form block and confirm that the preview is displayed.
  5. Hover over other ancestor blocks like form inputs such as Checkbox Input and confirm that the preview is displayed.

Testing Instructions for Keyboard

Same.

Screenshots

Before After
form-before form-after
checkbox-input-before checkbox-input-after
form-submission-success-before form-submission-after

@yogeshbhutkar yogeshbhutkar marked this pull request as ready for review June 16, 2025 07:15
Copy link

github-actions bot commented Jun 16, 2025

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: yogeshbhutkar <yogeshbhutkar@git.wordpress.org>
Co-authored-by: t-hamano <wildworks@git.wordpress.org>

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

@t-hamano t-hamano added [Type] Enhancement A suggestion for improvement. [Block] Form (experimental) Affects the form block labels Jun 16, 2025
Copy link
Contributor

@t-hamano t-hamano left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM!

@t-hamano t-hamano added the props-bot Adding this label triggers the Props Bot workflow for a PR. label Jun 16, 2025
@github-actions github-actions bot removed the props-bot Adding this label triggers the Props Bot workflow for a PR. label Jun 16, 2025
@t-hamano t-hamano merged commit 74f3708 into WordPress:trunk Jun 16, 2025
69 of 74 checks passed
@github-actions github-actions bot added this to the Gutenberg 21.1 milestone Jun 16, 2025
chriszarate pushed a commit to chriszarate/gutenberg that referenced this pull request Jul 1, 2025
Co-authored-by: yogeshbhutkar <yogeshbhutkar@git.wordpress.org>
Co-authored-by: t-hamano <wildworks@git.wordpress.org>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Block] Form (experimental) Affects the form block [Type] Enhancement A suggestion for improvement.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants