Wishlist
WishlistGrid
Responsive grid of wishlist items with add-to-cart and remove actions.
WishlistGrid
Displays wishlist items in a responsive grid using CProductCard with hover overlays for add-to-cart and remove actions. Shows an empty state when no items.
Usage
<CWishlistGrid
:items="wishlistItems"
@add-to-cart="handleAddToCart"
@remove="handleRemove"
/>
Custom Columns
<CWishlistGrid :items="wishlistItems" :columns="3" />
With Loading
<CWishlistGrid :items="wishlistItems" loading />
Props
| Prop | Type | Default | Description |
|---|---|---|---|
items | WishlistItem[] | required | Wishlist items |
columns | 2 | 3 | 4 | 5 | 6 | 4 | Grid column count |
loading | boolean | false | Disable actions during loading |
ui | Partial<{...}> | — | Per-instance theme overrides |
Events
| Event | Payload | Description |
|---|---|---|
add-to-cart | Product | Add to cart clicked |
remove | string | Remove wishlist item (item ID) |