Skip to content

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
@github-actions
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 <[email protected]>
Co-authored-by: t-hamano <[email protected]>

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 Manually triggers Props Bot to ensure the list of props is up to date. label Jun 16, 2025
@github-actions github-actions bot removed the props-bot Manually triggers Props Bot to ensure the list of props is up to date. 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
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