search

excalidraw / excalidraw

Virtual whiteboard for sketching hand-drawn like diagrams
https://excalidraw.com
MIT License
74.13k stars 6.69k forks source link

Customize the main toolbar #7583

Open hakotaco opened 4 months ago

hakotaco commented 4 months ago

Main problem

Although I went through the docs, issues and roadmap, i'm still not sure if this functionality already exists or not or if it is WIP, but i'd like to be able to customize the main toolbar. In my case I want to have a vertically aligned toolbar on the left side of the screen, change the icons, help messages, yet keep the essential working the same. Somewhat similar to the idea mentioned in #6140 where i'll be able to group the settings separately so that the settings toolbar (that pops up on the left when a user clicks on pen, shape etc) isn't permanently visible and takes up too much space. Of course i'm not saying that we should replace the current UX in any way as that works for a lot of people but i'd like to have a children component API for the main and settings toolbar.

If this already exists in any way or is being worked on please let me know.

I have to implement this regardless at my job so it's either directly in the library as a part of the children component bit (open to contribute) or separately in my own project from scratch to just solve my own use-case.

I'm open to other ideas too.

Toolbar in question

Screenshot 2024-01-19 at 18 13 41
engmsaleh commented 1 week ago

Hi @hakotaco Did you manage to customize the toolbar? Please advise

hakotaco commented 1 week ago

@engmsaleh I ended up building the toolbar from scratch according to my needs by using the setActiveTool method available in the excalidrawAPI.

engmsaleh commented 1 week ago

Could you provide an example or snippet, if possible?