Service History¶
The <vehicle-service-history> component displays a vehicle's service history, including service visits with labor lines, part lines, mileage, and invoice details.
Live Demo¶
Try a VIN:
Standalone Usage¶
<vehicle-service-history
base-url="https://your-api.com/"
language="en">
</vehicle-service-history>
When used inside <vehicle-lookup>, no additional props are needed.
Properties¶
| Property | Attribute | Type | Default | Description |
|---|---|---|---|---|
isDev |
is-dev |
boolean |
false |
Enables development mode |
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 |
Data Displayed¶
Each service record shows:
- Service type / job description
- Service date and mileage (odometer)
- Company and branch name
- Invoice and work order numbers
- Labor lines with codes and descriptions
- Part lines with part numbers and quantities