🖱️ Button Interaction Patterns
Experience the micro-interactions that make every click feel perfect
🎯 Core Button States
Primary Action
Send Campaign
Hover to see lift effect
Secondary Action
Save Draft
Subtle hover feedback
Destructive Action
Delete Campaign
Red glow on hover
Disabled State
Incomplete Form
No interaction possible
⚡ Loading & Success States
Loading State
Process Payment
Click to see loading spinner
Success State
Complete Task
Click to see success checkmark
Pulse CTA
Start Free Trial
Attention-grabbing animation
Icon Button
+
Scales up on hover
⏱️ Timing Specifications
Hover Response:
0-50ms (immediate)
Active State:
50-100ms (quick)
Loading Appear:
100ms delay
Success State:
200ms transition
Scale Transform:
0.2s ease
Color Change:
0.2s ease
Action completed successfully! ✨