About this piece
Loyalty Status
Frequent-flyer card in a warm gradient, showing tier, miles, a progress track, and miles to next tier.
Usage
The import and the props worth knowing about, in one place.
import { Travel16 } from "@/components/beste/piece/travel16";
<Travel16
tier="Elite Gold"
miles="42,180"
milesLabel="miles"
milesToNext="7,820 miles to Elite Platinum"
progress={84}
tone="neutral"
/>