s-m-r-t
Open the s-m-r-t source on GitHub Switch to dark color scheme
← All UI components

Commerce · Components

InvoiceHeader

Props for InvoiceHeader component

Public export

typescript
import { InvoiceHeader } from '@happyvertical/smrt-commerce/svelte';
Import path
@happyvertical/smrt-commerce/svelte
Props
9
Props described
9 of 9
Bindable state
0
Callback events
1
Verified release
0.44.0

Props

NameTypeRequiredDescription
invoiceNumberstringYesInvoice number/reference
statusInvoiceStatusYesCurrent status
issueDateDate | stringYesIssue date
dueDateDate | string | nullNoDue date
paidDateDate | string | nullNoPaid date
customerNamestringNoCustomer/client name
projectNamestringNoProject name
editablebooleanNoAllow editing
onstatuschange(status: InvoiceStatus) => voidNoCalled when status changes

Bindable state

This component has no bindable public state.

Callback events

  • onstatuschange(status: InvoiceStatus) => void

Examples and explanation