按钮
Linear-style gradient button with restrained hover opacity
- 基础骨架
font-medium text-sm rounded-lg transition-opacity duration-150- 变体
- 主要、次要、幽灵
- 状态
- hover、active、disabled
Linear 风格组件配方
font-medium text-sm rounded-lg transition-opacity duration-150 bg-gradient-to-r from-[#5e6ad2] to-[#8b5cf6] text-white hover:opacity-90 active:opacity-80卡片
Linear-style dark card with subtle border and surface background
- 基础骨架
rounded-lg border border-white/10 bg-white/[0.03] transition-colors duration-150- 变体
- 默认、浮起
- 状态
- hover
输入框
Linear-style dark input with subtle border and focus accent
- 基础骨架
w-full rounded-lg border border-white/10 bg-white/[0.03] text-white text-sm placeholder:text-zinc-600 focus:outline-none transition-all duration-150- 变体
- 默认
- 状态
- focus、disabled