Index

arrow_back "Input" Category

Text

The text input allows the user to input a string of text.

Demo

Textarea

Code

code scss/elements/form/_input.scss
<div class="input">
	<label for="text1">Text Input</label>
	<input id="text1" type="text" placeholder="Placeholder Text">
</div>

<div class="input">
	<label for="text1">Invalid Text Input</label>
	<input id="text1" class="is-invalid" type="email" value="notanemail.example.com">
</div>

<div class="input">
	<label for="text1">Inactive Text Input</label>
	<input id="text1" type="text" value="Text Value" disabled>
</div>

<div class="input d-block">
	<span class="input-title">Textarea</span>
	<textarea>Hello!</textarea>
</div>