Add New Item

\n \n

\n \n Item Name\n \n setName(e.target.value)}\n placeholder=\"e.g., Bananas, Milk, Bread...\"\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n disabled={isSubmitting}\n required\n />\n

\n \n

\n \n Qty\n \n setQuantity(parseInt(e.target.value) || 1)}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n disabled={isSubmitting}\n />\n

\n \n

\n \n Unit\n \n setUnit(e.target.value)}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n disabled={isSubmitting}\n >\n {commonUnits.map(u => (\n \n ))}\n \n

\n \n \n {isSubmitting ? \"Adding...\" : \"Add Item\"}\n \n \n );\n}","deleted","label",[175,176,158],"frontend","components","permalink","https://www.val.town/x/Jassy/untitled-6073/code/frontend/components/AddItemForm.tsx","extension","actionData","errors"]