組合器
左邊切產業、選場景, 右邊即時預覽組合後的應用。URL 本身就是組合定義, 可分享 / 書籤。
多步驟表單 · form-wizard
建立包裹
步驟 2 / 3
選擇收件人填寫包裹資訊確認與送出
包裹 #77301
_________
空狀態引導 · empty-state
＋
還沒有任何 包裹
建立第一筆 包裹 來啟動您的 配送流程。 系統會自動把它放進對應狀態, 並通知收件人。
需要靈感?範例 1範例 2範例 3
優惠券設計器 · coupon-builder
Coupon Builder · 優惠券
母親節 全館滿千折百
MOTHERS-2026
- NT$ 100
滿 NT$ 1,000 可用
2026-05-08 ~ 2026-05-15
折扣類型固定金額
最低消費NT$ 1,000
使用次數每人 1 次 · 總 5,000 張
適用商品全館 (排除特價)
會員分群VIP + 回購 2 次以上
角色權限矩陣 · role-permission
角色權限矩陣
5 角色 × 6 權限
| 權限 | Owner | Admin | Manager | Staff | Viewer |
|---|---|---|---|---|---|
| 讀取 包裹 | ✓ | ✓ | ✓ | ✓ | ✓ |
| 編輯 包裹 | ✓ | ✓ | ✓ | ✓ | ✓ |
| 刪除資料 | ✓ | ✓ | ✓ | ✓ | · |
| 匯出 CSV | ✓ | ✓ | ✓ | · | · |
| 管理使用者 | ✓ | ✓ | · | · | · |
| 修改計費 | ✓ | · | · | · | · |