VCUarts Component Library

Listing Search 

<!-- Listing Search -->
<form class="listing_search" action="#" method="get">
    <label class="listing_label" for="listing_search_input"></label>
    <div class="listing_search_form">
        <input class="listing_search_input" id="listing_search_input" type="search" placeholder="">
        <button class="listing_search_submit" type="submit">
            <span class="listing_search_submit_label">Submit</span>
            <span class="listing_search_submit_icon">
                <svg class="icon icon_search">
                    <use href="/images/icons.svg#search" />
                </svg>
            </span>
        </button>
    </div>
</form>
<!-- END: Listing Search -->
 
{#
	{% include "@partial-listing-search" with {
		label: 'label',
		placeholder: 'placeholder'
	} %}
#}

<!-- Listing Search -->
<form class="listing_search" action="#" method="get">
	<label class="listing_label" for="listing_search_input">{{ label }}</label>
	<div class="listing_search_form">
		<input class="listing_search_input" id="listing_search_input" type="search" placeholder="{{ placeholder }}">
		<button class="listing_search_submit" type="submit">
			<span class="listing_search_submit_label">Submit</span>
			<span class="listing_search_submit_icon">{{ icon('search') }}</span>
		</button>
	</div>
</form>
<!-- END: Listing Search -->

No notes defined.