Skip to content

InputNumber 數字輸入 ​

帶鍵盤步進與尾端按鈕的數字欄位。高度 28 / 34 / 40,圓角 --gk-radius-md,聚焦環約為 focus-ring 的 70%。

既有 gk-input 仍使用 --gk-radius-sm。統一圓角留待後續,避免表單列混用兩種圓角。

範例 ​

基本

用 change 或 update:value 的 e.detail.value 提交。輸入過程中的 input 會持續送出。blur、Enter、按鈕或方向鍵才寫入值。
NT$

值:1280

上下限

件

精度與尺寸

kg

狀態、唯讀、兩側按鈕

件

API ​

value 為 number | null。step 預設 1。未設定 precision 時由 step 推斷。button-placement 預設 right(尾端上下箭頭);both 把 − / + 放在欄位兩側。

事件 input、change、update:value 的 detail 都是 { value }。原生 input 不會穿出 shadow root。按鈕的無障礙名稱在中文環境是「增加」與「減少」。按住連發不在這一版。

在 Vue 關閉按鈕請用 .showButton="false"。只要屬性存在,布林值就會被當成 true。