Label Request Card
A Parcel Shop label request row with pending actions or a status badge.
Solicitud #S6765
Creadael 7 may 2026
Solicitud #S6768
Creada manualmente el 8 may 2026
- Recibida
Solicitud #S6767
Recibida el 6 may 2026
- Cancelada
Solicitud #S6766
Cancelada el 7 may 2026
Installation
npx shadcn@latest add @ecodeliver/label-request-cardUsage
Pass a request. Pending requests show a menu for cancel and mark-received. Other statuses show a badge. Automatic pending requests include a note on the auto-replenish threshold.
import { LabelRequestCard } from "@/components/registry/label-request-card";
export function Example() {
return (
<LabelRequestCard
request={{
id: "S6765",
status: "pending",
source: "automatic",
updatedAt: "2026-05-07T12:00:00.000Z",
reason: "few_labels",
}}
onCancel={(id) => console.log("cancel", id)}
onMarkReceived={(id) => console.log("received", id)}
/>
);
}API Reference
LabelRequestCard
| Prop | Type | Default |
|---|---|---|
request | LabelRequest | - |
onCancel | (id: string) => void | - |
onMarkReceived | (id: string) => void | - |
autoThreshold | number | 20 |
className | string | - |
LabelRequest
| Prop | Type | Default |
|---|---|---|
id | string | - |
status | "pending" | "cancelled" | "received" | - |
source | "automatic" | "manual" | - |
updatedAt | string | - |
reason | "few_labels" | "damaged" | "not_received" | - |