入力欄Input
Experimental

フォームの入力フィールド、または入力欄風のコンポーネントを表示します。

プレビュー

状態とバリエーション

ラベル付き

アクセシブルにする最小構成です。ラベルと入力欄の ID を紐づけます。

バリデーションエラー

エラー状態を付与すると、入力欄の輪郭が警告色になります。エラーメッセージは入力欄の直下に置きます。

有効なメールアドレスを入力してください。

無効化

編集できない時の状態です。理由はフィールド上のツールチップと補助テキストで補足します。

このアカウントは組織によって管理されています。

プロパティ

表は横にスクロールできます
プロパティ初期値説明
typestring-テキスト、メールアドレス、パスワードなど、入力欄の種類を指定します。
placeholderstring-未入力時に入力欄内へ表示する補助テキストです。
disabledboolean-入力できない状態にします。

使い方

Loading...