measuredco / puck

The visual editor for React
https://puckeditor.com
MIT License
5.07k stars 281 forks source link

Feature request: Override left and right sidebars #517

Open abird opened 3 months ago

abird commented 3 months ago

Add "leftSideBar" and "rightSideBar" to overrides to replace those 2 sidebars and and to render them.

That would make possible the option of swapping the left and right sidebars for those who want that.

In my case, I want to replace the left sidebar with a selector to choose displaying either the Components or the Outline instead of having them stacked on top of each other, which generally means the Outline component is not visible. I may also add a 3rd item to the selector for custom components.

abird commented 2 months ago

To replace the left and right sidebars, you currently have to replace the entire Puck screen. So you have to create a layout for the header, 2 sidebars, and main editor. Then you can add whatever you need using Puck.Components, Puck.Outline, Puck.Fields, and Puck.Preview. There is no Puck.Header, so you have to layout your own header, which is a bit tricky if you want to use the sidebar switches and undo/redo.

On Jul 4, 2024, at 3:20 AM, IMythx @.***> wrote:

Add "leftSideBar" and "rightSideBar" to overrides to replace those 2 sidebars and and to render them.

That would make possible the option of swapping the left and right sidebars for those who want that.

In my case, I want to replace the left sidebar with a selector to choose displaying either the Components or the Outline instead of having them stacked on top of each other, which generally means the Outline component is not visible. I may also add a 3rd item to the selector for custom components.

isnt alongside is the left sidebar and is the right sidebar?

— Reply to this email directly, view it on GitHub https://github.com/measuredco/puck/issues/517#issuecomment-2208506953, or unsubscribe https://github.com/notifications/unsubscribe-auth/AABUPBAUTGQSBYDHUGIXJ5TZKUHVNAVCNFSM6AAAAABJ2Q6KRCVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDEMBYGUYDMOJVGM. You are receiving this because you authored the thread.