14.2 #Input.default Input

Toggle example guides Toggle HTML markup

Default

.sf-input

Example: Input example text

Html
   <div class="sf-input">
       <label class="sf-input__label" for="input_1">
           <span>Input title</span>
       </label>
        <input type="text" class="sf-input__field" id="input_1" placeholder="Search the blog..." />
       <p class="hint sf-input__hint">Example:&nbsp;Input example text</p>
   </div>