我们如何创建仅使用角形材质做出响应的sidenav条?

时间:2018-08-20 09:17:27

标签: angular bootstrap-4 angular-material sidebar mdbootstrap

我可以使用Angular材质4来创建以下由sidenav创建的mdbootstrap示例的相似行为:the link shows a responsive sidenav with buttons with lists

我不想使用bootstrap 4,因为它需要为大多数组件添加javascript和jQuery库。并且mdbootstrap在某些功能中使用了jQuery。

如果还有其他库,请随时提及。

1 个答案:

答案 0 :(得分:2)

如果将角形材料sidenavexpansion panel组件组合在一起,则应该能够复制相同的设计和功能。

这是quick example,只需将expansion panel复制到responsive sidenav中(两个示例均来自有角度的材料):

https://stackblitz.com/edit/angular-akre5x?file=app/sidenav-responsive-example.html