API Endpoint Card
HTTP method chip paired with a monospace path and a short summary line.
Playground
Turn the props on the right; the snippet under them is what you would write to get what you see.
/v1/payment_intentsimport { Card7 } from "@/components/beste/component/card7";
<Card7
method="POST"
path="/v1/payment_intents"
summary="Create a payment intent"
/>Keyboard and gestures
Every one of these is in the component already. They are listed because a props table cannot mention a gesture, so nothing else on this page can tell you they exist.
| Move the pointer over it | The card tilts towards the cursor; `maxTilt` is how far it is willing to lean. |
|---|
Usage
The import and the props worth knowing about, in one place.
import { Card7 } from "@/components/beste/piece/card7";
<Card7
method="POST"
path="/v1/payment_intents"
summary="Create a payment intent"
/>More Card pieces
View all CardTask Card
Checkable todo row with priority chip and due caption. Done tasks strike through.
Limited runProduct Card
Compact commerce tile with a warm gradient thumbnail, overlay tag, save heart, and a strikethrough original price.
Gift Card
Vibrant gradient voucher with a denomination, brand mark, mono redemption code chip, and expiry.
Org Chart
Mini org-chart card with a manager node branching down into three direct-report avatars.
