元件
Cobalt 設計系統的 hono/jsx 實作。右上角可切換深色模式。
色彩 Token
元件只使用 token，從不寫死色碼。
background
foreground
card
muted
muted-foreground
primary
secondary
accent
destructive
success
warning
info
border
ring
Badge · StatusBadge
defaultsecondaryoutlinedestructivereport.pdf
livesuccesswarninginfodangermuted
表單
Input、Textarea、Select 與 Field（說明、錯誤、停用、字數 island）。
欄位說明文字
請輸入至少 3 個字
client island: hono/jsx/dom
Card · StatCard
DataTable · Pagination
| 名稱 | 狀態 |
|---|---|
| 年度營運計畫 | 已核准 |
| 客戶訪談紀錄 | 審閱中 |
Dialog · ConfirmDialog · Toast
原生 <dialog>：Esc、點背景或 ✕ 皆可關閉；表單照常 POST。
操作成功。
發生錯誤，請稍後再試。
這是一則提示。
Breadcrumb · Separator · EmptyState
圖示
lucide（ISC），內嵌 SVG；新增圖示請見 src/views/icons.tsx。
layout-dashboard
package
shield-check
log-in
log-out
sun
moon
search
plus
pencil
trash-2
paperclip
chevron-left
chevron-right
panel-left
x
palette
circle-check
circle-alert
info
triangle-alert
upload
download
users
ellipsis
file-text
funnel
cloud
arrow-up-right