定義
引導用戶按照流程完成任務的導航條。
何時使用
當任務複雜或者存在先後關係時,將其簡化系列步驟。
位置
- 帶數字步驟條一般位於新增頁面,卡片上方。
- 狀態與歷程常見於編輯、檢視頁面最底下的卡片。
規則
1. 帶數字步驟條
- 一般位於新增頁面,卡片上方。
- 2 個(含)步驟以下不出現步驟條,3 步驟(含)以上才出現步驟條。
- 步驟條與底部按鈕搭配:
步驟 | 按鈕 |
---|---|
第一步 | 返回、儲存草稿、下一步 |
第 N 步 | 上一步、儲存草稿、下一步 |
最後一步 | 上一步、儲存草稿、儲存 / 發布 / 同步 |
2. 垂直步驟條:狀態與歷程
多用於動作與歷程,表示目前項目進行的進度,常見於編輯、檢視頁面底部卡片。
範例:zpl.io/bAxd8jo