Components Overview
Four web components are available for embedding into your site. Each one has its own page in this section listing every attribute it accepts. The attributes documented below are available on most components — see notes on each row for component-specific exceptions.
| Component | Description |
|---|---|
<wheelbase-store> | Complete rental store with hero, filters, and listings |
<wheelbase-rentals-list> | Just the rental grid for custom layouts |
<listing-details> | Individual rental details and booking |
<landing-widget> | Standalone date selector that redirects to a URL |
Try any component live on the Interactive Demo page to see how the attributes affect rendering in real time.
Common attributes
These are available on every component.
| Attribute | Type | Description | Default |
|---|---|---|---|
dealer-id | number | Your unique dealer identifier. Required for all components except <landing-widget>. | — |
locale | string | Language and region code. | en-us |
store-type | string | Type of rentals (rv or auto). Applies to <wheelbase-store> and <wheelbase-rentals-list>. | rv |
Theming
| Attribute | Type | Description | Default |
|---|---|---|---|
primary-color | string | Main accent color for buttons and links | #212831 |
secondary-color | string | Secondary UI elements | #4F5B69 |
text-color | string | Primary text color | #1F2937 |
text-secondary-color | string | Secondary text (labels, descriptions) | #6B7280 |
surface-color | string | Background color for cards | #FFFFFF |
Analytics
| Attribute | Type | Description |
|---|---|---|
segment-token | string | Segment analytics token |
google-tag-manager-id | string | GTM container ID |
google-analytics-id | string | Google Analytics ID |
Supported locales
| Locale | Language |
|---|---|
en-us | English (US) |
en-ca | English (Canada) |
en-gb | English (UK) |
en-au | English (Australia) |
en-nz | English (New Zealand) |
fr-fr | French (France) |
fr-ca | French (Canada) |
de-de | German |
es-es | Spanish |
it-it | Italian |
Last updated on