LIQUID GLASS · COMPONENT LAB

玻璃组件

按钮、Tabs、Switch、Slider、Menu 和 Input 使用站点真实组件。左上导航与右下快捷栏已接到同一套材质。

01 · Button

圆角按钮 / Hover 高光 / 点击压缩

浮动玻璃指示器平滑跟随。支持文案、iconfont class、Ant 图标组件或 #icon 插槽。

当前分类：全部

玻璃轨道 + 高亮圆形滑块；右侧为项目高光主题色

自动播放主题高光

轻玻璃轨道 + 液态感滑块

模糊强度58%

点击展开；也可开启 hover 展开。行有 Hover 反馈。

与 Button 同一套玻璃材质；浅色主题用更深的描边，避免白边叠浅底。

材质原则： 所有组件共用同一套玻璃语言。不支持 backdrop-filter、开启「降低透明度」或省流模式时，会落到实色底板。