按钮
Professional button with blue primary and clean shadow
- 基础骨架
font-medium rounded-lg shadow-sm transition-all duration-200- 变体
- 主要、次要、轮廓
- 状态
- hover、active、disabled
企业简洁风组件配方
font-medium rounded-lg shadow-sm transition-all duration-200 bg-blue-600 text-white hover:bg-blue-700 hover:shadow-md active:scale-[0.98]卡片
Professional card with subtle border and shadow
- 基础骨架
bg-white rounded-xl shadow-sm border border-gray-200 transition-shadow duration-200- 变体
- 默认、悬浮、边框
- 状态
- hover
输入框
Professional input with border and blue focus ring
- 基础骨架
w-full bg-white rounded-lg border border-gray-300 text-gray-900 placeholder:text-gray-400 focus:outline-none transition-colors duration-200- 变体
- 默认、填充
- 状态
- focus、disabled