For AI agents: the complete documentation index is available at https://a3s-lab.github.io/UI/v0.4.0/llms.txt, the full documentation bundle is available at https://a3s-lab.github.io/UI/v0.4.0/llms-full.txt, and this page is available as Markdown at https://a3s-lab.github.io/UI/v0.4.0/components/plan-step.md.

计划步骤

计划步骤是任务计划中的一个可观察工作单元,包含稳定标题、可选描述、状态和一个有限操作。

实时预览
  1. 验证响应式行为

    覆盖桌面、手机、RTL 与减少动态效果。

  2. 发布包

    发布前需要获得发布审批。

    已阻塞

用法

<li class="plan-step" data-state="active" aria-current="step">
  <span data-plan-marker aria-hidden="true">2</span>
  <div data-step-identity><h3>验证响应式行为</h3><p data-step-description>...</p></div>
  <span data-plan-step-status>进行中</span>
</li>

参数

API取值用途
data-statepending、active、complete、blocked、error、skipped步骤状态
data-plan-marker可选紧凑索引或图标
data-step-identity必须标题和可选描述
data-plan-step-status推荐文本状态

状态与变体

等待外部输入或审批且之后可恢复时使用 blocked。执行失败且需要恢复操作时使用 error。

无障碍

有序列表已经表达位置时,索引标记应作为装饰。阻塞、错误和完成状态不能只靠颜色表达。