按钮
Clean modern button with zinc tones and rounded corners
- 基础骨架
font-medium rounded-xl transition-all duration-200- 变体
- 主要、次要、轮廓
- 状态
- hover、active、disabled
便当盒布局组件配方
font-medium rounded-xl transition-all duration-200 bg-zinc-900 text-white shadow-sm hover:bg-zinc-800 hover:shadow-md active:scale-[0.98]卡片
Bento-style card with clean borders and subtle shadow
- 基础骨架
bg-white rounded-2xl border border-zinc-100 shadow-sm transition-all duration-300- 变体
- 默认、渐变、柔和
- 状态
- hover
输入框
Clean input with subtle background and rounded corners
- 基础骨架
w-full bg-zinc-50 rounded-xl border border-zinc-200 text-zinc-900 placeholder:text-zinc-400 focus:outline-none transition-all duration-200- 变体
- 默认、白色
- 状态
- focus、disabled