Components > Input

Input

輸入組件是系統展現交互精確度的關鍵,我們將其視為一個具備即時感知能力的模塊,透過精細的狀態反饋,確保用戶在輸入複雜指令或數據時,始終維持流暢的認知節奏。

SYNCROBOTICORBIELOCALMIND

01. Text Input

提示文字 PLACEHOLDER

禁用狀態 DISABLED

驗證錯誤 ERROR

此欄位為必填項以進行驗證

提示文字 PLACEHOLDER

禁用狀態 DISABLED

驗證錯誤 ERROR

偵測到數據不匹配。

02. Textarea

提示文字 PLACEHOLDER

禁用狀態 DISABLED

錯誤狀態 ERROR

200/200

提示文字 PLACEHOLDER

禁用狀態 DISABLED

錯誤狀態 ERROR

200 / 200 字

03. Number Input

預設狀態 DEFAULT

禁用狀態 DISABLED

錯誤狀態 ERROR

數值區間應大於0。

預設狀態 DEFAULT

禁用狀態 DISABLED

錯誤狀態 ERROR

數值區間應小於100。

04. Password Input

預設狀態 DEFAULT

禁用狀態 DISABLED

錯誤狀態 ERROR

密碼應包含英文與數字。

提示文字 PLACEHOLDER

禁用狀態 DISABLED

錯誤狀態 ERROR

密碼應包含英文與數字。

05. Search Input

提示文字 PLACEHOLDER

錯誤狀態 ERROR

不可輸入符號。

提示文字 PLACEHOLDER

錯誤狀態 ERROR

不可輸入符號。

06. OTP/PIN Input

預設狀態 DEFAULT

焦點狀態 FOCUS

驗證錯誤 ERROR

驗證碼錯誤,請重新輸入。

預設狀態 DEFAULT

焦點狀態 FOCUS

驗證錯誤 ERROR

偵測到不正確的代碼。