Svelte Toolbar
This was created when looking for a proper way to display a user-navigable menu. This emulates the toolbar menu you would find on products like VS-Code.
Unfortunately, the CSS is not easily changeable. If you have ideas for how to remedy this, you can leave them in an issue. For now, you can simply copy/paste the code and just change the CSS.
Usage
Note: Any menu item can have an action or children. Probably both, but it shouldn't.
How does this differ from a CSS Dropdown Menu?
- A menu is generated from a nested object rather than annoying hand-crafted HTML
- Top-level menus are only expanded when one of the top-level items are clicked.
- Top-level menus will stay open until the user clicks outside of the toolbar.