Common
ProductTypeBadge
Badge indicating the product type (physical, digital, subscription, auction, rental, event).
ProductTypeBadge
A semantic badge that auto-maps product types to icons and colors. Used in listings to highlight product differentiators.
Preview
Physical Digital Subscription Auction Rental Event Gift Card Service
Usage
<CProductTypeBadge type="subscription" />
All Types
<div class="flex gap-2">
<CProductTypeBadge type="physical" />
<CProductTypeBadge type="digital" />
<CProductTypeBadge type="subscription" />
<CProductTypeBadge type="auction" />
<CProductTypeBadge type="rental" />
<CProductTypeBadge type="event" />
</div>
With Sizes
<CProductTypeBadge type="digital" size="xs" />
<CProductTypeBadge type="digital" size="sm" />
<CProductTypeBadge type="digital" size="md" />
Props
| Prop | Type | Default | Description |
|---|---|---|---|
type | 'physical' | 'digital' | 'subscription' | 'auction' | 'rental' | 'event' | required | Product type |
size | 'xs' | 'sm' | 'md' | 'sm' | Badge size |
ui | Partial<{...}> | — | Per-instance theme overrides |
Type Mapping
| Type | Icon | Color |
|---|---|---|
physical | cube | neutral |
digital | arrow-down-tray | info |
subscription | arrow-path | primary |
auction | banknotes | warning |
rental | calendar-days | info |
event | ticket | success |