12.3 #Form.framed Framed

Toggle example guides Toggle HTML markup

.sf-form.-framed

Html
    <div class="sf-form -framed">
         <div class="sf-input">
             <label class="sf-input__label" for="form_input_7">
                 <span>Field 1</span>
             </label>
             <input type="text" class="sf-input__field" id="form_input_7" placeholder="Search the blog..." />
         </div>
         <div class="sf-input">
             <label class="sf-input__label" for="form_input_8">
                 <span>Field 2</span>
             </label>
             <input type="text" class="sf-input__field" id="form_input_8" placeholder="Search the blog..." />
         </div>
    </div>