按钮
Editorial-style button with serif influence and thin borders
- 基础骨架
font-semibold uppercase tracking-wider text-xs transition-colors duration-200- 变体
- 主要、次要、轮廓
- 状态
- hover、active、disabled
杂志网格布局组件配方
font-semibold uppercase tracking-wider text-xs transition-colors duration-200 bg-[#e63946] text-white rounded hover:bg-[#c1121f] active:bg-[#a40e19]卡片
Magazine article card with editorial typography and reading-focused layout
- 基础骨架
bg-white group transition-all duration-200- 变体
- 默认、特色、紧凑
- 状态
- hover
输入框
Clean search input for magazine article filtering
- 基础骨架
w-full bg-zinc-100 border-0 rounded-lg text-zinc-900 placeholder:text-zinc-500 focus:outline-none transition-all duration-200- 变体
- 默认、下划线
- 状态
- focus、disabled