按钮
Clean modern button with rounded corners for masonry grid interfaces
- 基础骨架
font-medium rounded-lg transition-colors duration-200- 变体
- 主要、次要、轮廓
- 状态
- hover、active、disabled
瀑布流布局组件配方
font-medium rounded-lg transition-colors duration-200 bg-zinc-900 text-white hover:bg-zinc-700 active:bg-zinc-800卡片
Masonry-ready card with break-inside-avoid and subtle shadow
- 基础骨架
bg-white rounded-xl overflow-hidden break-inside-avoid transition-shadow duration-200- 变体
- 默认、浮起、边框
- 状态
- hover
输入框
Rounded search input styled for masonry grid filtering
- 基础骨架
w-full bg-zinc-100 border-0 rounded-full text-zinc-900 placeholder:text-zinc-400 focus:outline-none transition-all duration-200- 变体
- 默认、白色
- 状态
- focus、disabled