按钮
Vibrant festive button with decorative borders and warm celebratory colors
- 基础骨架
font-semibold rounded-lg border-2 transition-all duration-300 ease-in-out- 变体
- 主要、次要、强调
- 状态
- hover、active、disabled
印度节庆组件配方
font-semibold rounded-lg border-2 transition-all duration-300 ease-in-out bg-[#e63946] text-white border-[#ff9f1c] shadow-md shadow-[#e63946]/30 hover:shadow-lg hover:shadow-[#e63946]/40 hover:scale-105 hover:brightness-110 active:scale-95卡片
Festive card with warm background, decorative gold-toned borders, and celebratory energy
- 基础骨架
bg-[#fff8e7] rounded-xl border-2 border-[#ff9f1c]/50 shadow-md transition-all duration-300 ease-in-out- 变体
- 默认、皇家、万寿菊
- 状态
- hover
输入框
Festive input with warm borders and vibrant accent focus states
- 基础骨架
w-full rounded-lg border-2 border-[#ff9f1c]/30 bg-[#fff8e7] text-[#e63946] placeholder:text-[#e63946]/40 focus:outline-none transition-all duration-300 ease-in-out- 变体
- 默认、皇家
- 状态
- focus、disabled