Logo

Imanect

Input

信頼の接点。ユーザーからの入力を受け取るためのテキスト入力フィールドです。

基本

ラベル付きの標準的な入力フィールド

TSX
<Input label="メールアドレス" placeholder="name@company.com" />
<Input label="パスワード" type="password" placeholder="••••••••" />

バリデーション

エラー状態とヒントテキスト

3文字以上で入力してください
パスワードは8文字以上必要です

状態

Props

PropTypeDefault説明
labelstring入力フィールドのラベル
errorstringエラーメッセージ
hintstringヒントテキスト
typestring"text"入力タイプ