Custom HTTP request card with a semantic method pill, full endpoint URL, and a list of key/value request headers in monospace.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Automation16 } from "@/components/beste/piece/automation16";
<Automation16
method="POST"
url="https://api.beste.co/v1/invoices"
headersLabel="Headers"
headers={[
{
"key": "Authorization",
"value": "Bearer ••••"
},
{
"key": "Content-Type",
"value": "application/json"
},
{
"key": "Idempotency-Key",
"value": "{{run.id}}"
}
]}
/>