Svelte Material UI

手风琴

安装
npm i -D @smui-extra/accordion
演示
面板 1 的内容。
  • 一些
  • 列表
  • 项目
面板 2 的内容。
面板 3 的内容。
  • 一些
  • 更多
  • 列表
  • 项目
  • 到
  • 显示
  • 大
  • 高度
如果你喜欢这个组件，你可以感谢 nick 他促使我制作了它。 他是对的，手风琴太棒了！:D
多个

允许打开多个面板。

面板 1 的内容。
  • 一些
  • 列表
  • 项目
面板 2 的内容。
面板 3 的内容。
  • 一些
  • 更多
  • 列表
  • 项目
  • 到
  • 显示
  • 大
  • 高度
面板 4 的内容。
禁用和非交互式面板
普通面板的内容。
禁用面板的内容。
非交互式关闭面板的内容。
非交互式打开面板
非交互式打开面板的内容。
描述
面板 1 的内容。
面板 2 的内容。
面板 3 的内容。
面板 4 的内容。
切换图标
面板 1 的内容。
面板 2 的内容。
面板 3 的内容。
面板 4 的内容。
扩展面板
面板 1 的内容。
  • 一些
  • 列表
  • 项目
面板 2 的内容。
面板 3 的内容。
  • 一些
  • 更多
  • 列表
  • 项目
  • 到
  • 显示
  • 大
  • 高度
面板 4 的内容。
主要颜色
面板 1 的内容。
面板 2 的内容。
面板 3 的内容。
面板 4 的内容。
次要颜色
面板 1 的内容。
面板 2 的内容。
面板 3 的内容。
面板 4 的内容。
嵌套
面板 1.1 的内容。
面板 1.2 的内容。
面板 2.1 的内容。
面板 2.2 的内容。
纸张属性

这些面板是纸张组件，因此它们可以接受纸张可以接受的任何属性。

面板 1 的内容。
面板 2 的内容。
面板 3 的内容。
面板 4 的内容。
复杂内容
此面板具有无聊的内容。
此面板具有非常酷的内容！

一个对话框！

此对话框甚至还是面板的子元素！
此面板具有无聊的内容。