See it all in action

Live demo shop with every component working together

QuantitySelector

Quantity increment/decrement control

npx shadcn@latest add https://registry.rifan.xyz/r/quantity-selector.json

Props

PropTypeDefaultDescription
value*numberCurrent quantity
onChange*FunctionChange handler
minnumber1Minimum value
maxnumber99Maximum value
1

Usage

import { QuantitySelector } from '@revannasser/ecommerce-ui'

// Quantity increment/decrement control
<QuantitySelector
  value={...}
  onChange={...}
  min={...}
/>