https://benzhub.github.io/tags/shadcn/Recent content in Shadcn on BenzHubHugozh-TWMon, 31 Aug 2026 00:00:00 +0000https://benzhub.github.io/post/tailwindcss/031-shadcn-ui/Mon, 31 Aug 2026 00:00:00 +0000https://benzhub.github.io/post/tailwindcss/031-shadcn-ui/<blockquote> <p>上一篇《無樣式元件庫》我們認識了 <strong>Radix + TailwindCSS</strong> 這個「一個管行為、一個管樣式」的黃金組合——但每次都要自己逐一安裝原語、拼裝子元件、寫一堆 <code>data-*</code> class,實在繁瑣。這一篇的主角 <strong>shadcn/ui</strong> 就是解法:它把「<strong>Radix + Tailwind + <code>cva</code> + <code>cn()</code></strong>」整套打包成可<strong>複製貼上</strong>、你<strong>完全擁有原始碼</strong>的元件。它不是你 <code>npm install</code> 的套件,而是用 CLI 把元件複製進你自己的 repo,從此想怎麼改都行。</p> </blockquote>