テキストボックス

用途

比較的短い文字を入力する際に使用します。選択された際は、枠がハイライトされます。

※幅、高さは初期デザイン時のみ変更可能です。種類については、無作為に増やすことを禁止します。

幅:

最小	小	通常	大	最大	100%	成り行き
.xs	.sm	-	.lg	.xl	.w100	.auto
width: 100% max-width: 56px	width: 100% max-width: 100px	width: 100% max-width: 250px	width: 100% max-width: 350px	width: 100% max-width: 500px	width: 100% max-width: 100%	width: auto padding: 0 $margin-sm

以下はサンプルです。用途を定めてデザインしてください。

通常:

<input type="text">

選択:

<input type="text">

エラー:

<input type="text" class="is-is-error">

非アクティブ:

<input type="text" class="is-disabled">

高さ可変:

<p class="editInput line1" contentEditable="true"></p>

改変対象ファイル