Product Inventory 3 - Stock adjustment dialogPro
Product stock card with an Adjust stock dialog that lets staff add or remove units, pick a reason and leave a note, previewing the new on-hand quantity before saving. Use it anywhere inventory is corrected manually, such as cycle counts, damaged goods or received shipments.
About Product Inventory 3
Product stock card with an Adjust stock dialog that lets staff add or remove units, pick a reason and leave a note, previewing the new on-hand quantity before saving. Use it anywhere inventory is corrected manually, such as cycle counts, damaged goods or received shipments.
Product Inventory 3 is a pro product inventory block for React, built on shadcn/ui and Tailwind CSS. It ships as 148 lines of TypeScript you own: every piece of copy is a prop with a sensible default, so you can drop it in and replace the content without touching the layout.
- inventory
- dialog
- stock
- adjustment
- form
- admin
Installation
- Add the Chocolate UI registry to your
components.json(see the installation guide). - Run the shadcn CLI:
npx shadcn@latest add @chocolate/product-inventory-03Dependencies installed automatically: lucide-react.
Uses: button, dialog, input, label, reveal, select, textarea, utils.
Usage
import ProductInventory03 from "@/components/blocks/product-inventory-03"
export default function Page() {
return <ProductInventory03 />
}