block
Buy drawer
pokerdata.io's slide-in purchase panel: pack or bundle, the table graphic, total, email, billing country and the EU withdrawal waiver. Pass your own checkout call; it returns the Stripe URL to go to.
The Buy drawer from pokerdata.io and Downloads. Pass a catalog row's buy target and an onCheckout that starts the checkout and returns the URL to go to.
Sample data
Installation
$ npx shadcn@latest add https://www.pokerstudy.ai/r/buy-drawer.jsonProps
Generated from the component source with react-docgen-typescript.
BuyDrawer
| Prop | Type | Default | Description |
|---|---|---|---|
| detailsHref | ((simId: string) => string | null) | – | The pack's technical details page; no link when absent. |
| string | null | – | The account's email: prefilled (never over what was typed). | |
| emailLocked | boolean | – | Buy with `email` only; the field is read-only. |
| footer | ReactNode | – | The line under the button; default: pokerdata.io's terms, privacy and refund policy. |
| geoCountry | string | null | – | Visitor's country from geo, preselected in the picker. |
| onCheckout * | (checkout: BuyCheckout) => Promise<string> | – | Start the checkout; resolve to the URL to send the buyer to, or throw. |
| onClose * | () => void | – | – |
| target * | BuyDrawerTarget | null | – | – |