DAHLIA Pattern Library

Icon Input 

<div class="icon-input row collapse">
    <div class="large-12 columns">
        <div class="row collapse">
            <div class="small-10 columns">
                <input id="lottery_search_number" type="text" placeholder="Enter Your Lottery Number" class="icon-input-field squared no-margin">
            </div>
            <label class="small-2 columns">
        <input type="submit" style="display: none;">
        <a href="#" class="icon-input-button button primary postfix squared no-margin"><span class="sr-only">Search</span> <span class="ui-icon ui-static ui-medium i-white ">
  <svg>
    <use xlink:href="#i-right"></use>
  </svg>
</span>
</a>

        <!-- <a href="#" class="icon-input-button button postfix"><span class="sr-only">Clear</span> <span class="ui-icon ui-static ui-medium i-white ">
  <svg>
    <use xlink:href="#i-close"></use>
  </svg>
</span>
</a> -->
      </label>
        </div>
    </div>
</div>
 
<div class="icon-input row collapse">
  <div class="large-12 columns">
    <div class="row collapse">
      <div class="small-10 columns">
        <input id="lottery_search_number" type="text" placeholder="Enter Your Lottery Number" class="icon-input-field squared no-margin">
      </div>
      <label class="small-2 columns">
        <input type="submit" style="display: none;">
        <a href="#" class="icon-input-button button primary postfix squared no-margin"><span class="sr-only">Search</span> {{> @icons-base icon="right" fill="white"}}</a>

        <!-- <a href="#" class="icon-input-button button postfix"><span class="sr-only">Clear</span> {{> @icons-base icon="close" fill="white"}}</a> -->
      </label>
    </div>
  </div>
</div>
 
/* No context defined for this component. */

There are no notes for this item.