`<wheelbase-rentals-list>`

Just the rental grid without hero or filters. Useful for custom layouts where you want full control over the surrounding chrome. Shared attributes (dealer-id, theming, analytics) are documented in the Components Overview.

Attributes

Attribute	Type	Description
`filters`	JSON	Pre-defined filter values
`locations`	string	Comma-separated list of location IDs to lock the results to (e.g. `"123,456"`). Scopes every query to these locations — useful when embedding a single-location grid on a host page.

Properties

These are JavaScript properties, not HTML attributes — assign them imperatively on the element (el.onRentalClick = …). Setting them as kebab-case attributes (on-rental-click="…") does not work.

Property	Type	Description
`onRentalClick`	function	Callback when a rental is clicked (receives rental ID)

Examples

Basic usage:


<wheelbase-rentals-list dealer-id="YOUR_DEALER_ID"></wheelbase-rentals-list>

With a click handler:


<wheelbase-rentals-list
  dealer-id="YOUR_DEALER_ID"
  id="rentals-list"
></wheelbase-rentals-list>
 
<script>
  // Define a named function on window (required for r2wc)
  window.handleRentalClick = function handleRentalClick(rentalId) {
    console.log('Rental clicked:', rentalId)
    // Navigate to details, open modal, etc.
  }
 
  // Set the handler on the element
  document.getElementById('rentals-list').onRentalClick = window.handleRentalClick
</script>