PluginSidebar Edit

This slot allows for adding items into the Gutenberg Toolbar.
Using this slot will add an icon to the bar that, when clicked, will open a sidebar with the content of the items wrapped in the <PluginSidebar /> component.

Example Example

import { registerPlugin } from '@wordpress/plugins';
import { PluginSidebar } from '@wordpress/edit-post';
import { image } from '@wordpress/icons';

const PluginSidebarTest = () => {
    return (
        <PluginSidebar
            name="plugin-sidebar-test"
            title="My Plugin"
            icon={ image }
        >
            <p>Plugin Sidebar</p>
        </PluginSidebar>
    );
};
registerPlugin( 'plugin-sidebar-test', { render: PluginSidebarTest } );

Top ↑

Location Location

Closed State Closed State

Closed State

Top ↑

Open State Open State

Open State