Back to components
Profile component
Points Card (Loyalty)
Loyalty points card with balance, tier progress bar, tier name, and history action.
Install
What it does
- Large points balance display
- Tier name and progress bar to next tier
- Current tier badge
- Points history action button
When to use
Use it
Loyalty program screens, rewards dashboards, profile points summary.
Skip it
Simple numeric display (use Text component instead).
Files & routes added
- components/profile/points-card.tsx