How to add dropdowns, dividers and order elements in the toolbar

[Stupidism]

Now my toolbar looks like this:

But I want to implement sth similar with this:

Now the leaves buttons are placed after elements buttons.

[Stupidism]

Bump it up

[jmikrut]

Hey @Stupidism — this is a good question. I think the solution here would be to extend the Rich Text field with a customizable toolbar component, where it would accept the built-in button components as a prop, and then it could render whatever UI necessary.

We would happily accept this as a PR as I think this would be a great addition to the core! In the meantime, this would be totally possible by just swapping in your own rich text component and pulling what you need out of Payload's built in rich text component.

Thoughts?