按钮
Rounded navigation button for card stack interaction controls
- 基础骨架
font-medium rounded-full transition-all duration-200- 变体
- 主要、次要、轮廓
- 状态
- hover、active、disabled
卡片堆叠布局组件配方
font-medium rounded-full transition-all duration-200 bg-zinc-900 text-white hover:bg-zinc-800 hover:shadow-xl active:scale-[0.97]卡片
Stackable card with rounded corners and layered shadow for depth effect
- 基础骨架
bg-white rounded-2xl transition-all duration-300- 变体
- 默认、堆叠、透明
- 状态
- hover
输入框
Rounded input with backdrop blur for card stack overlays
- 基础骨架
w-full bg-white/80 backdrop-blur-sm border border-zinc-200 rounded-xl text-zinc-900 placeholder:text-zinc-400 focus:outline-none transition-all duration-200- 变体
- 默认、实底
- 状态
- focus、disabled