Product Inventory 2 - Stock by warehouse tabsPro
Inventory view with a tab per warehouse showing location stats (units, SKUs, inbound shipments) above a table of available, reserved and incoming quantities per product. Use it in multi-location commerce admins where staff need to check stock at a specific fulfillment center.
About Product Inventory 2
Inventory view with a tab per warehouse showing location stats (units, SKUs, inbound shipments) above a table of available, reserved and incoming quantities per product. Use it in multi-location commerce admins where staff need to check stock at a specific fulfillment center.
Product Inventory 2 is a product inventory block for React and Tailwind CSS, included in Chocolate UI Pro. It ships as 136 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
- warehouse
- tabs
- table
- locations
- fulfillment
- admin
Installation
- Set up your project with
npx chocolateui initandnpx chocolateui login(see the installation guide). - Run the Chocolate UI CLI:
npx chocolateui add product-inventory-02Dependencies installed automatically: lucide-react.
Uses: badge, reveal, table, tabs, utils.
Usage
import ProductInventory02 from "@/components/blocks/product-inventory-02"
export default function Page() {
return <ProductInventory02 />
}