テキストエリア

用途

文章を入力する際に使用します。選択された際は、枠がハイライトされます。

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

幅:

最小	小	通常	大	最大	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

高さ:

小	中	大	最大
--	.line3	.line5	.line10
min-height: N px（40px）	height: 3N px（92px）	height: 5N px（150px）	height: 10N px（300px）

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

通常:

<textarea class="line3"><textarea>

選択:

<textarea class="line3"><textarea>

エラー:

<textarea class="line3 is-error"><textarea>

非アクティブ:

<textarea class="line3 is-disabled"><textarea>

高さ可変:

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

改変対象ファイル