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 = () => (
    <PluginSidebar name="plugin-sidebar-test" title="My Plugin" icon={ image }>
        <p>Plugin Sidebar</p>
    </PluginSidebar>
);

registerPlugin( 'plugin-sidebar-test', { render: PluginSidebarTest } );

Top ↑

Location Location

Top ↑

Closed State Closed State

Closed State

Top ↑

Open State Open State

Open State