Check Out Button Check Out Button

block

A compact trigger button that morphs into a checkout card with tabbed payment methods (QR, card, Apple Pay, Amazon Pay) and a connect-wallet screen, all sharing one layout shell.

pnpm dlx shadcn@latest add "https://www.craftui.space/r/checkout-button-default.json"

Sign In

Check Out Button Check Out Button

block

A compact trigger button that morphs into a checkout card with tabbed payment methods (QR, card, Apple Pay, Amazon Pay) and a connect-wallet screen, all sharing one layout shell.

pnpm dlx shadcn@latest add "https://www.craftui.space/r/checkout-button-default.json"

~/components/craftui/blocks/checkout-button/default.tsx