API ReferencePluginslegacySideBarPlugin

legacySideBarPlugin

Hide the plugin rail and show a single sidebar with stacked “Components” and “Outline” sections. This will not affect mobile behavior.

import { Puck, legacySideBarPlugin } from "@puckeditor/core";
 
const legacySideBar = legacySideBarPlugin();
 
export function Editor() {
  return <Puck plugins={[legacySideBar]} />;
}

Params

Param	Example	Type	Status
`componentsLabel`	`componentsLabel: "Components"`	String	-
`outlineLabel`	`outlineLabel: "Outline"`	String	-

Optional params

`componentsLabel`

Title shown above the component drawer section. Defaults to "Components".

import { Puck, legacySideBarPlugin } from "@puckeditor/core";
 
const legacySideBar = legacySideBarPlugin({
  componentsLabel: "Components",
});
 
export function Editor() {
  return <Puck plugins={[legacySideBar]} />;
}

`outlineLabel`

Title shown above the outline section. Defaults to "Outline".

import { Puck, legacySideBarPlugin } from "@puckeditor/core";
 
const legacySideBar = legacySideBarPlugin({
  outlineLabel: "Layers",
});
 
export function Editor() {
  return <Puck plugins={[legacySideBar]} />;
}

fieldsPlugin

outlinePlugin