组件文档

欢迎来到 Liquid Glass UI 组件文档！

组件分类

基础组件

• 按钮 Button - 具有悬停效果的交互式玻璃按钮
• 输入框 Input - 具有玻璃效果的透明输入字段
• 文本域 Textarea - 玻璃风格的多行文本输入框

表单组件

• 选择器 Select - 玻璃风格的下拉选择器
• 复选框 Checkbox - 玻璃风格的选择控件
• 单选框 Radio - 玻璃风格的单选按钮
• 开关 Switch - 玻璃风格的切换开关
• 滑块 Slider - 玻璃风格的范围选择器

数据展示

• 进度条 Progress - 长条形玻璃风格进度指示器
• 徽章 Badge - 状态指示器和标签
• 头像 Avatar - 带有玻璃边框的用户头像
• 卡片 Card - 具有玻璃拟态效果的内容容器

导航组件

• 标签页 Tabs - 玻璃风格的选项卡组件
• 面包屑 Breadcrumb - 玻璃风格的导航路径
• 分页 Pagination - 玻璃风格的页面导航

反馈组件

• 加载器 Loader - 玻璃风格的加载动画
• 模态框 Modal - 玻璃风格的弹出对话框
• 通知 Notification - 玻璃风格的消息通知
• 工具提示 Tooltip - 玻璃风格的悬停提示

其他组件

• 时间选择器 TimePicker - 玻璃风格的时间选择组件

快速开始

所有组件都基于玻璃拟态设计理念，具有以下特点：

• 🌟 现代设计 - 采用最新的玻璃拟态设计风格
• 📱 响应式 - 完美适配各种屏幕尺寸
• 🎨 可定制 - 支持主题和样式自定义
• ⚡ 轻量级 - 无依赖，加载快速
• 🎯 易用性 - 简单的API和清晰的文档

开始使用前，请确保已经按照 安装指南 正确引入了 Liquid Glass UI。