InvoiceActionsPanel
The invoice view's Actions card, which lists only the shortcuts the status allows (Send email or reminder, Mark as paid, Download receipt, Edit, Delivery orders, Credit and debit notes).
import { InvoiceActionsPanel } from "@cynco-labs/ui";Example
import { InvoiceActionsPanel } from "@cynco-labs/ui";
export default function InvoiceActionsPanelDemo() {
return (
<div className="grid gap-3 grid-cols-[repeat(auto-fit,minmax(14rem,1fr))] max-w-[560px]">
<InvoiceActionsPanel status="finalized" emailSent />
<InvoiceActionsPanel status="draft" />
</div>
);
}Use
Right rail of the invoice detail page.
Props
status, emailSent, onAction(label); className and native section props.
Notes
Responsive: Built on the SectionPanel primitive.