MoneyInput Playground

金額入力コンポーネントのデモ

フォーム統合デモ

¥
/ 時間
¥
/ 月
¥

max=10,000,000 を設定。↑/↓で超えないことを確認

単体で使う

¥
/ 日

初期値: 25000

¥
/ 月

電卓付き

¥
/ 日

電卓アイコンをクリックしてミニ電卓を開く。数式入力可能 (例: 5000*3+500)

¥

max=10,000,000。電卓の結果も max で制限される

使い方

ショートカット入力: "10k" → 10,000 / "1.5m" → 1,500,000 / "5w" → 50,000(万)

↑/↓ キー: step 単位で増減(デフォルト: 1,000)

Shift + ↑/↓: shiftStep 単位で増減(デフォルト: 10,000)

Enter: 確定

Escape: 編集取消

フォーカス時: 生の数値を表示 + 全選択

フォーカスアウト時: 3桁区切りカンマ表示

ペースト: "¥10,000" や "10,000" もパース可能

電卓: calculator prop を指定すると電卓アイコンが表示。四則演算+括弧の数式入力が可能 (例: 5000*3+500)