Vehicle Specification¶
The <vehicle-specification> component displays vehicle model details including engine, transmission, body type, fuel type, and drivetrain information.
Live Demo¶
Try a VIN:
Standalone Usage¶
When used outside the <vehicle-lookup> wrapper, this component manages its own data fetching:
<vehicle-specification
base-url="https://your-api.com/"
language="en">
</vehicle-specification>
When used inside <vehicle-lookup>, no additional props are needed — the wrapper handles data loading and distribution.
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¶
The specification component shows the following fields when available:
- Model description
- Body type
- Engine
- Fuel type
- Transmission
- Number of doors
- Steering side (LHD/RHD)