跳到內容
調色盤星雲光譜
選擇版面配色

即時套用,保留目前的亮暗模式。

Steps (am-steps)

am-steps<nav><ol> 與 current step 語意呈現線性流程,支援 horizontal 與 vertical 方向。流程狀態可以逐項指定,也可以用 currentIndex 產生預設狀態。

<Steps
title="Publish workflow"
currentIndex={1}
steps={[
{ label: "Draft", description: "Prepare content." },
{ label: "Review", description: "Check the final details." },
{ label: "Publish", description: "Release to the selected channel." },
]}
/>

完成、目前與即將進行的狀態由 consumer 的 workflow 決定;href 可讓完成或目前步驟回到對應路由。元件不執行流程轉換、不提交資料,也不取代表單驗證。