See it all in action
Live demo shop with every component working together
Badge
Product badges and labels
npx shadcn@latest add https://registry.rifan.xyz/r/badge.jsonProps
| Prop | Type | Default | Description |
|---|---|---|---|
variant | string | default | Visual style variant |
children* | ReactNode | — | Badge content |
Default
Sale
New
Bestseller
Secondary
Outline
Usage
import { Badge } from '@revannasser/ecommerce-ui'
// Product badges and labels
<Badge
variant={...}
children={...}
/>