按钮
Professional left-aligned button with blue accent for scan-optimized layouts
- 基础骨架
font-medium rounded-lg transition-colors duration-200- 变体
- 主要、次要、轮廓
- 状态
- hover、active、disabled
F型布局组件配方
font-medium rounded-lg transition-colors duration-200 bg-[#e63946] text-white hover:bg-[#c1121f] active:bg-[#a40e19]卡片
Content-focused card with left-aligned layout for F-pattern scanning
- 基础骨架
bg-white rounded-xl transition-colors duration-200- 变体
- 默认、特色、列表
- 状态
- hover
输入框
Professional bordered input for F-pattern search and filter forms
- 基础骨架
w-full bg-gray-50 border border-gray-200 rounded-lg text-[#1a1a2e] placeholder:text-gray-400 focus:outline-none transition-all duration-200- 变体
- 默认、白色
- 状态
- focus、disabled