DAHLIA Pattern Library

Filter Row 

<div class="filter-row">
    <div class="filter-group">
        <div class="filter-group_item">
            <label for="textInput" class="sr-only">Label</label>
            <input type="text" id="textInput" name="textInput" placeholder="Application Number" class="" /> </div>
        <div class="filter-group_item">
            <label for="options" class="sr-only">Label</label>
            <select name="options" id="options" class="" data-width="auto">
      <option value="">Any Listing</option>
        <option value="1">Option 1</option>
    	<option value="2">Option 2</option>
    	<option value="3">Option 3</option>
    	<option value="4">Option 4</option>
    	<option value="5">Option 5</option>
    	<option value="6">Option 6</option>
    </select> </div>
        <div class="filter-group_item">
            <label for="textInput" class="sr-only">Label</label>
            <input type="text" id="textInput" name="textInput" placeholder="First Name" class="" /> </div>
        <div class="filter-group_item">
            <label for="textInput" class="sr-only">Label</label>
            <input type="text" id="textInput" name="textInput" placeholder="Last Name" class="" /> </div>
        <div class="filter-group_item">
            <label for="options" class="sr-only">Label</label>
            <select name="options" id="options" class="" data-width="auto">
      <option value="">Submission Type</option>
        <option value="1">Option 1</option>
    	<option value="2">Option 2</option>
    	<option value="3">Option 3</option>
    	<option value="4">Option 4</option>
    	<option value="5">Option 5</option>
    	<option value="6">Option 6</option>
    </select> </div>
        <div class="filter-group_action">
            <button class="button small" type="button" data-event="">Filter</button>
        </div>
    </div>
</div>
 
<div class="filter-row">
<div class="filter-group">
  <div class="filter-group_item">
    {{> @text-input--base placeholder="Application Number"}}
  </div>
  <div class="filter-group_item">
    {{> @select placeholder="Any Listing"}}
  </div>
  <div class="filter-group_item">
    {{> @text-input--base placeholder="First Name"}}
  </div>
  <div class="filter-group_item">
    {{> @text-input--base placeholder="Last Name"}}
  </div>
  <div class="filter-group_item">
    {{> @select placeholder="Submission Type"}}
  </div>
  <div class="filter-group_action">
    {{> @button classes="small" text="Filter"}}
  </div>
</div>
</div>
 
/* No context defined for this component. */

There are no notes for this item.