インプットテキスト

テキスト入力コンポーネントは、最も基本的な入力コンポーネントです。<input>などで実装されるテキスト入力コンポーネントにデザインを提供します。

例

基本的には、inputクラスを追加するだけです。

大きさ

is-smやis-mdなどのクラスを使用して大きさを変更できます。

HTML属性

無効

disabled属性を追加すると入力がグレーアウトされます。

読み取り専用

readonlyを使用すると専用のデザインになります。

検証とフィードバック

ユーザーの入力を検証した後のフィードバックデザイン

エラー

is-errorクラスを追加するだけです。

form-groupを使用するとエラーテキストも同時に表示することが可能です。