About this piece
Ticket Tiers
Pass-level list where a highlighted tier picks up a primary ring and sold-out rows dim with a note.
Usage
The import and the props worth knowing about, in one place.
import { Event7 } from "@/components/beste/piece/event7";
<Event7
heading="Conference passes"
tiers={[
{
"name": "Early bird",
"price": "$249",
"highlighted": true
},
{
"name": "Standard",
"price": "$399"
},
{
"name": "VIP",
"price": "$1,200",
"soldOut": true
}
]}
bordered={false}
/>
