Distributor Lookup¶
The <distributor-lookup> component displays distributor stock availability for parts, including quantity, location, and pricing information. It is a standalone part-lookup component.
Live Demo¶
Try a part number:
Usage¶
Bundle CDN¶
<script type="module"
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/shift-components/shift-components.esm.js">
</script>
<distributor-lookup
base-url="https://your-api.com/"
language="en">
</distributor-lookup>
With Mock Data (Development)¶
<distributor-lookup
is-dev="true"
mock-url="/path/to/part-lookup.json"
language="en">
</distributor-lookup>
Properties¶
| Property | Attribute | Type | Default | Description |
|---|---|---|---|---|
isDev |
is-dev |
boolean |
false |
Enables development mode with mock data |
mockUrl |
mock-url |
string |
'' |
URL to load mock JSON data from (used when isDev is true) |
language |
language |
string |
'en' |
Language code for localization |
coreOnly |
core-only |
boolean |
false |
Renders a slim layout without the search input |
hiddenFields |
hidden-fields |
string |
'' |
Comma-separated list of fields to hide |
localizationName |
localization-name |
string |
'' |
Localization variant name |
Data Displayed¶
For each part number, the component shows:
- Part description and product group
- Distributor purchase price
- Stock availability by warehouse location with quantities
- Regional pricing (retail, purchase, warranty prices)
- Supersession information (superseded to / from)