quantity-input-basic-ex-01
stackzero/quantity-input-basic-ex-01FreeExample
stackzero publishes no description for this item.
Install it
npx shadcn@latest add https://ui.stackzero.co/r/quantity-input-basic-ex-01.jsonSource
1"use client";23import { useState } from "react";4import QuantityInputBasic from "@/components/commerce-ui/quantity-input-basic";56export default function QuantityInput_Basic_Ex_01() {7 const [quantity, setQuantity] = useState(1);89 const handleQuantityChange = (newQuantity: number) => {10 setQuantity(newQuantity);11 };1213 return (14 <>15 <QuantityInputBasic quantity={quantity} onChange={handleQuantityChange} />16 </>17 );18}
What it pulls in
npm packages
Other registry items
Files it writes
More from stackzero
All 112 items| Component | Registry | Kind | Access | Installs | Command |
|---|---|---|---|---|---|
| address-02-block-exaddress-02-block-ex | stackzero | Examples | Free | 2 deps | |
| cart-01-block-excart-01-block-ex | stackzero | Examples | Free | 1 dep | |
| face-rating-basic-ex-01face-rating-basic-ex-01 | stackzero | Examples | Free | 1 dep | |
| face-rating-basic-ex-02face-rating-basic-ex-02 | stackzero | Examples | Free | 1 dep | |
| face-rating-basic-ex-03face-rating-basic-ex-03 | stackzero | Examples | Free | 1 dep | |
| face-rating-gradient-ex-01face-rating-gradient-ex-01 | stackzero | Examples | Free | 1 dep | |
| image-carousel-basic-ex-01image-carousel-basic-ex-01 | stackzero | Examples | Free | 1 dep | |
| image-carousel-basic-ex-02image-carousel-basic-ex-02 | stackzero | Examples | Free | 1 dep |
