按钮
Material Design button with elevation shadow and ripple-like transition
- 基础骨架
font-medium uppercase tracking-wide rounded-full transition-all duration-200- 变体
- 主要、次要、轮廓
- 状态
- hover、active、disabled
材料设计组件配方
font-medium uppercase tracking-wide rounded-full transition-all duration-200 bg-[#1976d2] text-white shadow-md hover:shadow-lg hover:brightness-110 active:shadow-sm卡片
Material Design card with layered shadow and clean white background
- 基础骨架
bg-white rounded-xl transition-shadow duration-300- 变体
- 默认、悬浮、描边
- 状态
- hover
输入框
Material Design input with outlined and filled variants
- 基础骨架
w-full rounded-md bg-transparent text-gray-900 placeholder:text-gray-500 focus:outline-none transition-all duration-200- 变体
- 描边、填充
- 状态
- focus、disabled