UI 组件类型 · 单一组件 / Badge
Badge
显示轻量分类、状态或数量标记。
关键字段
Identity · 身份
- 子类型
- 单一组件
- 父级类目
- 内容与数据展示
What · 是什么
- 组成与状态
- Container、Label、Optional Dot/Icon。
Why · 为什么
- 作用
- 显示轻量分类、状态或数量标记。
Where · 在哪里
- 适用场景
- Web 界面设计、Emphasized、Outline、Filled
Lifecycle · 生命周期
- 状态
- 启用
所属组件分类、组件部件与横向适用关系
关系来自本地关系表,并包含反向关联。
- Awards & CertificationsAwards & Certifications反向 · 应用于
展示奖项、认证、评测或资质信息,并提供来源和有效期上下文。
- Changelog / Release NotesChangelog / Release Notes反向 · 应用于
按版本和日期说明产品变化、影响、迁移和后续行动。
- Checkout / Order SummaryCheckout / Order Summary反向 · 应用于
总结商品、价格、地址、支付和风险信息,支持用户完成交易。
- Loyalty / RewardsLoyalty / Rewards反向 · 应用于
表达积分、等级、权益和兑换路径,帮助用户理解长期价值。
- Notification / Update FeedNotification / Update Feed反向 · 应用于
按时间、类型和已读状态聚合系统、产品或业务更新。
- Pricing ComparisonPricing Comparison反向 · 应用于
把方案、价格、权益、限制和选择动作放在同一比较结构中。
- Product / Plan CardsProduct / Plan Cards反向 · 应用于
用可扫描的方案或产品卡片呈现价格、权益、限制和主要动作。
- Security & ComplianceSecurity & Compliance反向 · 应用于
解释安全、隐私、合规、数据处理和认证信息,支持高风险决策。
- Status / AvailabilityStatus / Availability反向 · 应用于
表达服务、产品、库存、功能或内容当前是否可用及其限制。
- Trust BadgesTrust Badges反向 · 应用于
呈现安全、认证、付款、隐私或平台资质等降低风险的标识。
- Webinar / Event ScheduleWebinar / Event Schedule反向 · 应用于
呈现活动、直播或会议的时间、议程、嘉宾和参与入口。
- Web 界面设计Web Interface Design应用于
围绕浏览器环境组织页面架构、导航、内容、区块、组件、转化和性能的界面设计领域。
- 内容与数据展示Content & Data Display属于
用于呈现文本、媒体、对象、列表、表格、指标和关系数据的组件。
- EmphasizedEmphasized应用于
在局部上下文中增强视觉强调的变体。
- FilledFilled应用于
以实色表面表达层级和可操作性的变体。
- OutlineOutline应用于
以边框为主要容器或操作提示的变体。
- BadgeBadge反向 · 应用于
以短标签标识状态、分类、属性或优先级的轻量组件。