# speechkit/7.2.0/src/editor/block/sidebar/index.js

BeyondWords – AI audio for publishers, version 7.2.0. 45 lines.

- Page: https://pluginprobe.com/plugins/speechkit/7.2.0/code/src/editor/block/sidebar/index.js
- Raw: https://pluginprobe.com/plugins/speechkit/7.2.0/raw/src/editor/block/sidebar/index.js
- Modified: 2026-09-25T15:14:58+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/speechkit/7.2.0/code/src/editor/block/sidebar/index.js#L10-L20`.

```javascript
/**
 * WordPress dependencies
 */
import { __ } from '@wordpress/i18n';
import { PluginSidebar, PluginSidebarMoreMenuItem } from '@wordpress/editor';
import { Component, Fragment } from '@wordpress/element';

/**
 * Internal dependencies
 */
import { BeyondwordsIcon } from '../../components/icon';
import DataPanel from '../../components/data-panel';
import HelpPanel from '../../components/help-panel';
import InspectPanel from '../../components/inspect-panel';
import PreviewPanel from '../../components/preview-panel';
import SettingsPanel from '../../components/settings-panel';

export default class Sidebar extends Component {
	render() {
		return (
			<Fragment>
				<PluginSidebarMoreMenuItem
					target="plugin-sidebar"
					icon={ <BeyondwordsIcon /> }
				>
					{ __( 'BeyondWords', 'speechkit' ) }
				</PluginSidebarMoreMenuItem>
				{ /* Must stay a string — it becomes the pinned button's aria-label. */ }
				<PluginSidebar
					name="plugin-sidebar"
					title={ __( 'BeyondWords', 'speechkit' ) }
					icon={ <BeyondwordsIcon /> }
					headerClassName="beyondwords-sidebar__header"
				>
					<PreviewPanel />
					<SettingsPanel />
					<HelpPanel />
					<DataPanel />
					<InspectPanel />
				</PluginSidebar>
			</Fragment>
		);
	}
}

```