return-request

Return Request

Return form card that picks the items to send back, skipping final-sale ones, with a reason, a note, where the refund goes, the refund total and a request action.

States: Default

Parts

PartFileDoes
ReturnRequestReturnRequest.vueLets the shopper pick items to return, give a reason and choose the refund.

Styling

PartRecipe
ReturnRequestreturn-request-option
ReturnRequestmeta

Install

Writes 3 files into components/sections/return-request/. For agents, npx @frontic/ui docs return-request prints this reference as markdown; the MCP server serves the same.

Built from

API reference

ReturnRequest ReturnRequest.vue

Lets the shopper pick items to return, give a reason and choose the refund.

PropTypeDefault
titlestring'Start a return'
descriptionstring—
items*ReturnItem[]—
reasonsReturnChoice[][ { value: 'fit', label: 'Doesn't fit' }, { value: 'quality', label: 'Not as expected' }, { value: 'damaged', label: 'Arrived damaged' }, { value: 'wrong', label: 'Wrong item sent' }, { value: 'other', label: 'Something else' }, ]
refundMethodsReturnChoice[][]
currencystring'EUR'
itemsLabelstring'Items to return'
reasonLabelstring'Reason'
commentLabelstring'Anything we should know?'
commentPlaceholderstring—
refundToLabelstring'Refund to'
refundLabelstring'Refund'
submitLabelstring'Request return'
surface'raised' | 'bare''raised'
classClassValue—
selectedstring[][]
reasonstring—
commentstring''
refundTostring—
EventPayload
submitrequest: ReturnRequestValue
update:selectedvalue: string[]
update:reasonvalue: string | undefined
update:commentvalue: string
update:refundTovalue: string | undefined
Data attributeValues
data-surface'raised' | 'bare'
Recipe return-request-optionSets
base: return-request-option 1 property
Recipe metaSets
base: meta 3 properties
Example