Replicating shadcn Sidebar in Avalonia

[zhangtingfeng-2000]

Hi everyone! I'm new to Avalonia and absolutely love shadcn's UI style. I'm trying to replicate the Sidebar07 component from their examples in Avalonia: shadcn Sidebar07 example

Could anyone provide guidance on how to approach this? I'd appreciate:
Key features I'm trying to implement:

• Collapsible sidebar sections
• Hover-activated tooltips for icons
• Smooth transitions/animation
• Nested sidebarmenu

Where I'm struggling:

• Implementing group
• Nested sidebarmenu

Any code snippets, resource links, or conceptual advice would be incredibly helpful! 🙏

[accntech]

Hi @zhangtingfeng-2000

We really appreciate your interest in this project.

As to guidance how to approach what you want to accomplish, the places to look into are:

1. Avalonia docs - to know what are the basic controls available in avalonia
2. You need to familiarize on how styles and theming works in avalonia. You might want to check Simple Theme or Fluent Theme

Btw, we are also planning to support for a better sidebar in the next major release. Maybe on version 0.0.8.

I will make a separate branch for this. So please stay tuned!☺️

[accntech]

Hi @zhangtingfeng-2000

I already created separate branch dedicated for the new sidebar. This is still a work-in-progress. You might want to check-out the sidebar branch.

The following features comes to mind(this will probably change later😅):

• Header and Footer
• Menu Selection
• Compact sidebar
• Nested menus
• Show active menu selection even without user click

You can always check how I implement this. Feel free to comment or add suggestions. We very much appreciate your feedback and support to this project.❤️