For AI agents: the complete documentation index is available at https://a3s-lab.github.io/UI/llms.txt, the full documentation bundle is available at https://a3s-lab.github.io/UI/llms-full.txt, and this page is available as Markdown at https://a3s-lab.github.io/UI/components/plan-step.md.
A3S UI
  • 简体中文
  • next

      • 计划步骤

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

      实时预览

      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。

      无障碍

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