PluginSidebar

In this article

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

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 } );

Location

Closed State

Closed State

Open State

Open State