🧩 shadcn/ui

常用组件展示

基于 shadcn/ui 构建的现代化组件合集，开箱即用、高度可定制。

1. Button 按钮

支持 default、outline、secondary、ghost、destructive、link 六种变体，以及 xs、sm、default、lg 四种尺寸。

信息展示的最佳容器，包含 Header、Content、Footer 三个区域。

React 19

最新 React 版本

Server Components、Actions 等新特性让开发体验大幅提升。

Next.js 16

全栈 React 框架

Turbopack 加持，开发模式下编译速度提升 10 倍以上。

Tailwind v4

原子化 CSS 框架

CSS-first 配置，自动去除无用样式，构建产物极致小巧。

默认次要边框危险幽灵

CNYHZK

账户信息

在这里管理你的账户基本信息，包括姓名、邮箱等。

shadcn/ui 不是一个 npm 包，而是一套可以直接复制到你项目中的、基于 Radix UI + Tailwind CSS 构建的组件集合。你拥有全部源代码，可以自由修改和定制。

点击按钮触发不同类型的通知消息。

Input、Textarea、Select、Switch 的组合使用示例（带实际提交逻辑）。