KSS-Scheibo - Styleguide

Input - Text

Toggle example guides Toggle HTML markup

This is the basic form field for any single input. It sets a few layout options by default (margin) and styles any labels within.

<insert-markup>1.1-</insert-markup>
form-input--error
This is a alert style
<insert-markup>1.1-0</insert-markup>
form-input--success
This is a success style
<insert-markup>1.1-1</insert-markup>
form-input--small
This is a large style
<insert-markup>1.1-2</insert-markup>
Markup
<input class="form-input [modifier]" type="text" placeholder="Text Input" />
Source: source/scss/01_base/_input.scss, line 1