About this piece
Loyalty Tier
Member status card with a tone-colored crown icon, current tier and point balance, and a tone progress bar counting down to the next tier.
Usage
The import and the props worth knowing about, in one place.
import { Commerce17 } from "@/components/beste/piece/commerce17";
<Commerce17
tier="Gold"
nextTier="Platinum"
points={2140}
nextThreshold={2750}
tone="primary"
bordered={false}
/>