Auction

Auction Card

Product card for auction items with current bid, countdown timer, and bid-now CTA.

Displays an auction product with image, live status badge (Live, Upcoming, Ended, Sold), countdown timer, current bid amount, bid count, and action buttons for placing a bid or buying now.

Preview

Live

Vintage Omega Seamaster 1960

Current Bid$2,500

14 bids

Usage

<CAuctionCard :product="auctionProduct" @bid="handleBid" @buy-now="handleBuyNow" />

Without Buy Now

<CAuctionCard :product="auctionProduct" :show-buy-now="false" @bid="handleBid" />

Props

Prop	Type	Default	Description
`product`	`Product`	required	Product data
`auction`	`AuctionProductMeta`	—	Override auction meta (reads `product.auction` by default)
`showBuyNow`	`boolean`	`true`	Show buy-now button if price available
`ui`	`Partial<{...}>`	—	Per-instance theme overrides

Events

Event	Payload	Description
`bid`	`Product`	Place bid clicked
`buy-now`	`Product`	Buy now clicked

Slots

Slot	Scoped Props	Description
`status`	`{ status, label }`	Custom status badge
`timer`	`{ remaining }`	Custom countdown display
`title`	`{ name }`	Custom title
`bid-info`	`{ auction }`	Custom bid info block
`actions`	`{ auction }`	Custom action buttons

Status Colors

Status	Badge Color
`upcoming`	`info`
`active`	`success` + pulse icon
`ended`	`neutral`
`sold`	`primary`
`cancelled`	`error`
`reserve_not_met`	`warning`

SubscriptionCard

Pricing card for subscription products with recurring price, trial, and subscribe CTA.

Bid Panel

Bid placement panel with current bid, bid form, auto-bidding toggle, and bid history.