默认标签

概览内容

这是默认标签的概览内容。标签组件提供了三种不同的视觉变体,适用于不同的使用场景。默认变体适合大多数情况,具有清晰的视觉层次。

详情内容

这是详情标签的内容。每个标签面板都可以包含任何HTML内容,包括文本、图片、表单等。标签切换时会有平滑的动画效果。

设置内容

这是设置标签的内容。标签组件支持禁用状态、图标、徽章等特性。可以根据需要灵活配置。

胶囊标签

全部项目

显示所有项目,包括进行中、已完成和已归档的项目。胶囊变体适合用于筛选和分类场景。

进行中的项目

显示当前正在进行的项目。胶囊标签具有明显的视觉反馈,当前选中的标签会有背景色和阴影效果。

已完成的项目

显示已经完成的项目。每个标签可以显示徽章来表示项目数量,提供快速的信息概览。

已归档的项目

显示已归档的项目。禁用状态的标签无法点击,视觉上会有透明度降低的效果。

下划线标签

个人资料设置

管理您的个人资料信息,包括姓名、头像、联系方式等。下划线变体适合用于设置页面和表单导航。

安全设置

配置账户安全选项,包括密码修改、两步验证、登录历史等。下划线标签提供简洁的视觉效果。

通知偏好

设置您希望接收的通知类型和频率。下划线变体在切换时会有平滑的动画效果。

隐私设置

控制您的隐私选项,包括数据共享、可见性设置等。标签组件支持响应式设计,在移动设备上会有优化的显示效果。