Rental
RentalCard
Product card for rental items with per-unit pricing, deposit info, and book CTA.
Displays a rental product with image, per-unit pricing (hourly/daily/weekly/monthly), security deposit, minimum duration, pickup requirement, tiered pricing, and a "Book Now" button.
Preview
Rental Premium Camera Kit
$45/ day
$200 deposit Min 1 day Pickup required
7+ days$35/day
14+ days$28/day
Usage
<CRentalCard :product="rentalProduct" @book="handleBook" />
Props
| Prop | Type | Default | Description |
|---|---|---|---|
product | Product | required | Product data |
rental | RentalProductMeta | — | Override rental meta (reads product.rental by default) |
ui | Partial<{...}> | — | Per-instance theme overrides |
Events
| Event | Payload | Description |
|---|---|---|
book | Product | Book now clicked |
Slots
| Slot | Scoped Props | Description |
|---|---|---|
title | { name } | Custom title |
pricing | { rental } | Custom pricing display |
meta | { rental } | Custom meta info (deposit, duration, pickup) |
tiers | { tiers } | Custom tiered pricing display |
actions | — | Custom action buttons |