🚀 新規事業
inline-validation-icon
最終更新 2026年05月08日 ／ 40_新規事業/SCALE_Build/カタログ/UIUX集/inline-validation-icon.md
インラインバリデーションアイコン
原則
入力欄の右に ✓ or ✗ アイコン（色付き）で OK/NG を即時表示。
Do（良い例）
メアド入力後 onBlur で ✓ 緑 or ✗ 赤を表示
Don't（悪い例）
送信時にエラーメッセージで初めて気づく
入力欄の右に ✓ or ✗ アイコン（色付き）で OK/NG を即時表示。
メアド入力後 onBlur で ✓ 緑 or ✗ 赤を表示
送信時にエラーメッセージで初めて気づく