global styles slotfill

[rinkalpagdar]

What?

Fixes #48068

How?

This PR introduces a new SlotFill location in the global styles section.

Testing Instructions

1. Checkout this branch and build
2. Add the sample code below in your theme or plugin
3. Confirm that slot appears as seen in the screenshot

import { registerPlugin } from '@wordpress/plugins';
import { HelpContentSlot } from '@wordpress/edit-site';

// Define a basic component to render the help content inside the slot.
const HelpContent = () => (
	<HelpContentSlot
		renderContent={ () => (
			<p>This is your help content displayed in the slot.</p>
		) }
	/>
);

// Register the plugin.
registerPlugin( 'my-help-content-plugin', {
	render: HelpContent,
} );

Screenshots or screencast

[github-actions]

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: rinkalpagdar <[email protected]>
Co-authored-by: carolinan <[email protected]>
Co-authored-by: ndiego <[email protected]>
Co-authored-by: Copons <[email protected]>
Co-authored-by: erikyo <[email protected]>
Co-authored-by: mtias <[email protected]>
Co-authored-by: oandregal <[email protected]>
Co-authored-by: jorgefilipecosta <[email protected]>
Co-authored-by: youknowriad <[email protected]>
Co-authored-by: mmtr <[email protected]>

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

[github-actions]

👋 Thanks for your first Pull Request and for helping build the future of Gutenberg and WordPress, @rinkalpagdar! In case you missed it, we'd love to have you join us in our Slack community.

If you want to learn more about WordPress development in general, check out the Core Handbook full of helpful information.

[carolinan]

Hi @rinkalpagdar Thank you for working on this issue.
-I am unsure of the name, "HelpContent" since it might be used for other things than contextual help.
I think it may be more suitable to use a name that makes it easer to understand where the slot is?
Also I think there needs to be more discussion about the position of the slot.

[rinkalpagdar]

Hello @carolinan Thanks for the feedback. Can you please suggest the name of the slot? I think the place for the slot would be great above the "browse style" . Please share your thoughts on the same. Thanks!

[ndiego]

Since questions remain in the original issue about whether this slot should be added, naming aside, can we add the isGutenbergPlugin check as Riad describes here?

[carolinan]

I think the place for the slot would be great above the "browse style"

I disagree, because the preview above it shows what you have selected in "Browse style", and I feel strongly that these two elements should not be separated by the slot. But this is my personal opinion.

[rinkalpagdar]

Hello @ndiego Thanks for the feedback. I have added the isGutenbergPlugin check.
Thanks!