可扩展/可折叠图标菜单

Question

我正在开发一个angular 8 Web应用程序，其中我需要具有一个可扩展/可折叠的图标菜单，该菜单将显示单个图标，并且在单击它时，它将展开以显示更多的图标，这些图标将用作菜单。我可以使用任何库还是应该编写自己的动画？有关详细信息，请参阅图像。

我希望边框如图所示是曲线。如何实现以下输出？

Answer 1

我最喜欢的启发网站是codepen，但是您可以找到许多more。我搜索similar，然后用ngClass和HostListener转换为角度。

[Codepen](https://codepen.io/dineshdesign/pen/ZOywEb)