Rating 设计文档

评分组件,支持半星、hover 预览、点击清零与键盘操作,遵循 APG Slider 模式。

← API 文档

使用建议

评分组件,支持半星、hover 预览、点击清零与键盘操作,遵循 APG Slider 模式。

Accessibility

ARIA role:slider

  • role=slider + aria-valuenow/valuemin/valuemax/valuetext
  • hover 预览为纯本地状态,不影响受控值
  • allowHalf 时按指针落在星左/右半决定 .5
  • disabled→aria-disabled,readonly→aria-readonly,error→aria-invalid

设计变量

变量默认值用法
--cd-rating-transition-duration var(--cd-motion-duration-fast)星填充色过渡动画时长(组件消费)
--cd-rating-transition-easing var(--cd-motion-ease-standard)星填充色过渡动画曲线(组件消费)