{
  "name": "quantity-input-basic-ex-03",
  "type": "registry:example",
  "dependencies": [
    "lucide-react"
  ],
  "registryDependencies": [
    "https://ui.stackzero.co/r/quantity-input-basic.json"
  ],
  "files": [
    {
      "type": "registry:example",
      "content": "\"use client\";\n\nimport { useState } from \"react\";\nimport QuantityInputBasic from \"@/components/commerce-ui/quantity-input-basic\";\n\nexport default function QuantityInput_Basic_Ex_03() {\n  const [quantity, setQuantity] = useState(1);\n\n  const handleQuantityChange = (newQuantity: number) => {\n    setQuantity(newQuantity);\n  };\n\n  return (\n    <>\n      <QuantityInputBasic\n        quantity={quantity}\n        onChange={handleQuantityChange}\n        min={1}\n        max={30}\n        step={3}\n      />\n    </>\n  );\n}\n",
      "path": "/components/commerce-ui/components/quantity-input/basic/quantity-input-ex-03.tsx",
      "target": "components/commerce-ui/quantity-input-ex-03.tsx"
    }
  ]
}