鐵人檔案
現在已經有 shadcn/ui 這麼方便的元件，為什麼還要打造自己的 UI Kit？
這 30 天，我將以 shadcn/ui 為起點，使用 React、TypeScript、Tailwind CSS 等技術，從元件的拆解、客製化到設計規範，逐步建立自己的 Design System。
過程中也會從實作理解鍵盤操作、Focus、ARIA、色彩對比等 Accessibility 議題，思考如何在客製化元件的同時保留良好的無障礙體驗。
希望 30 天後，不只是「會使用元件」，而是真正打造出一套能持續擴充的 Accessible UI Kit!
Day 20，我們第一次把前面完成的元件真正組成一個 Data List： Data List │ ├── Search ├── Result Count ├─...
做到 Day 21，CUI 已經累積不少東西了。 從最開始的一顆 Button，到現在已經有： Button Input Field Textarea Chec...
昨天 Day 22，我們第一次停下新增元件的腳步，整理了 CUI 的 Component Contract。 目前的基本規則變得比較清楚： Semantic H...
昨天 Day 23，我們補上了幾個小型輔助元件： Tooltip Separator Visually Hidden 其中 Tooltip 讓我們第一次比較...
