InvoiceCard
Display invoice summary in card format with status badge.
Installation
typescript
import { InvoiceCard } from '@happyvertical/smrt-commerce/svelte';Basic Usage
svelte
<InvoiceCard invoice={invoice} />With Click Handler
svelte
<InvoiceCard invoice={invoice} onclick={() => goto(`/invoices/${invoice.id}`)} />Props
| Prop | Type | Default | Description |
|---|---|---|---|
invoice * | InvoiceData | - | Invoice data object |
currency | 'CAD' | 'USD' | 'CAD' | Currency code |
href | string | - | Navigation href |
onclick | () => void | - | Click handler |