胶囊组标签页 · Capsule Tabs
变体一：不带图标
交互演示（点击切换）
全部
进行中
待审批
已完成
已关闭
当前显示：全部
状态对比
默认
Default
悬停
Hover
选中
Active
禁用
Disabled
变体二：带图标
交互演示（点击切换）
全部
进行中
待审批
已完成
已关闭
当前显示：全部
状态对比
默认
Default
悬停
Hover
选中
Active
禁用
Disabled
规格说明
属性
默认态
悬停态
选中态
背景色
#F5F7FA
#E9ECF2
#F0F9FF
文字 / 图标色
#223355
#223355
#3388FF
描边颜色
transparent
transparent
#3388FF
高度
32px
圆角
4px（--radius-s）
水平内边距
20px（两端各 20px）
←
返回组件首页