Wholesale
QuoteRequestForm
B2B Request-for-Quote form with line items, target prices, and company info.
QuoteRequestForm
A form for submitting a Request for Quote (RFQ) in B2B / wholesale scenarios. Supports multiple line items with quantities, target prices, and notes, plus contact information.
Preview
Request a Quote
Usage
<CQuoteRequestForm @submit="handleSubmit" />
Pre-Populated from Cart
<CQuoteRequestForm
:initial-items="cartItems.map(i => ({
productId: i.productId,
productName: i.name,
quantity: i.quantity,
}))"
@submit="handleSubmit"
/>
Loading State
<CQuoteRequestForm loading />
Props
| Prop | Type | Default | Description |
|---|---|---|---|
initialItems | QuoteItem[] | [] | Pre-populated line items |
loading | boolean | false | Form submitting |
ui | Partial<{...}> | — | Per-instance theme overrides |
QuoteItem Interface
interface QuoteItem {
productId: string
productName?: string
quantity: number
targetPrice?: number
}
Events
| Event | Payload | Description |
|---|---|---|
submit | CreateQuoteInput | RFQ submitted { items, companyName?, contactEmail, note? } |
Features
- Dynamic line items: Add/remove product lines
- Target pricing: Optional target price per item for negotiation
- Item notes: Per-item special requirements
- Contact section: Company name, email, and general notes
- Pre-population: Pass cart items directly as initial items