Toggle侧边切换按钮

2024-06-19 10:31:02首发，2个月前更新

toggle组件表现形式为悬浮在浏览器四周的圆形按钮，他们的目的是打开隐藏在侧边的窗口或板块，toggle组件通常不会单独使用。

前言

可能由于页面内容较多需要隐藏部分内容，需要提供一个提示性的按钮以触发内容显示。我们设计了一组定位在页面四周的toggle侧边按钮，这些按钮可以友好的提示侧边有隐藏内容，点击可展示。

toggle按钮组支持以下特性：

• 支持四个位置定位
• 支持循环动画提示
• 支持使用颜色主题
• 支持两种状态：常规状态和done状态

追加done属性表示要展示隐藏的内容，并隐藏toggle按钮。

简单使用

任意标签使用_toggle样式类即可创建一个位于页面右侧的toggle按钮。

位置

追加placement属性可移动toggle按钮位置，可选值有：left、right(默认)、top和bottom。

主题

通过theme属性设置颜色主题，支持的主题有：prim、error、succ、info、warn和issue。