QuantityInput (am-quantity-input)

am-quantity-input 以原生 <input type="number"> 為核心，附上具備明確 accessible name 的增減按鈕。使用者也可以直接輸入數字。

使用

<QuantityInput
  inputId="seats"
  name="seats"
  label="Seats"
  value={2}
  min={1}
  max={9}
  step={1}
  labelHidden
/>

按鈕會依 input 的 min、max、step 與 disabled/readonly 狀態更新；數量對應的產品、購物車、價格、庫存與提交行為由 consumer 負責。