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

      • Plan Step

      Plan Step is one observable unit inside a Task Plan. It presents a stable title, optional description, status, and one bounded action.

      Live preview

      1. Verify responsive behavior

        Exercise desktop, phone, RTL, and reduced motion.

      2. Publish the package

        A release approval is required before publishing.

        Blocked

      Usage

      <li class="plan-step" data-state="active" aria-current="step">
  <span data-plan-marker aria-hidden="true">2</span>
  <div data-step-identity><h3>Verify responsive behavior</h3><p data-step-description>...</p></div>
  <span data-plan-step-status>Active</span>
</li>

      Parameters

      APIValuesPurpose
      data-statepending, active, complete, blocked, error, skippedStep state
      data-plan-markerOptionalCompact visual index or icon
      data-step-identityRequiredTitle and optional description
      data-plan-step-statusRecommendedState in text

      States and variants

      Use blocked when external input or approval can resume the step. Use error when execution failed and recovery is required.

      Accessibility

      The marker is decorative when the ordered list already conveys position. Never use color alone for blocked, error, or complete state.