3.5.1 atoms.form-controls.input Input
The <input> element is mostly used for text-based inputs that include the
HTML5 types: text, search, tel, url, email, password, date,
time, number, range, color, and file.
Styling
The border should light up simply and clearly indicating which field the user is currently editing.
Requirements
Element should have a .form-control class.
text
Type text
email
Type email
password
Type password
color
Type color
file
Type file
time
Type time
Markup: 02-atoms/form-controls/form-input.twig
<div class="form-group">
<input type="{{ modifier_class }}" class="form-control" placeholder="{{ modifier_class }}">
</div>
Source:
02-atoms/form-controls/_input.scss, line 7