Swift Claim¶
The <vehicle-claimable-items> component displays service items that can be claimed for a vehicle, handles claim submission, and tracks claim status.
Live Demo¶
Try a VIN:
Standalone Usage¶
<vehicle-claimable-items
base-url="https://your-api.com/"
language="en">
</vehicle-claimable-items>
When used inside <vehicle-lookup>, no additional props are needed.
Properties¶
| Property | Attribute | Type | Default | Description |
|---|---|---|---|---|
isDev |
is-dev |
boolean |
false |
Enables development mode with simulated claim responses |
baseUrl |
base-url |
string |
'' |
Base URL for the vehicle lookup API |
language |
language |
string |
'en' |
Language code for localization |
disableVinValidation |
disable-vin-validation |
boolean |
false |
Disables VIN format validation |
queryString |
query-string |
string |
'' |
Additional query string for API requests |
coreOnly |
core-only |
boolean |
false |
Renders a slim layout without the search input |
claimEndPoint |
claim-end-point |
string |
'api/vehicle/swift-claim' |
API endpoint for claim submission |
uploadMultipleDocumentsAtTheForm |
upload-multiple-documents-at-the-form |
boolean |
true |
Allow multiple document uploads per claim |
maximumDocumentFileSizeInMb |
maximum-document-file-size-in-mb |
number |
30 |
Maximum file size for document uploads (MB) |
Dev Mode Behavior¶
When is-dev="true", the component simulates claim submission:
- File upload progress is animated
- Claim responses are randomly generated (approved, rejected, or pending)
- No actual API calls are made