VCUarts Component Library

People Search 

<!-- People Search -->
<form class="people_search" action="#" method="get">
    <label class="people_label" for="people_search_input">People Search</label>
    <div class="people_search_form">
        <input class="people_search_input" id="people_search_input" type="search" placeholder="Search by Name">
        <button class="people_search_submit" type="submit">
            <span class="people_search_submit_label">Submit</span>
            <span class="people_search_submit_icon">
                <svg class="icon icon_search">
                    <use href="/images/icons.svg#search" />
                </svg>
            </span>
        </button>
    </div>
</form>
<!-- END: People Search -->
 
{#
	{% include '@partial-people-search' %}
#}

<!-- People Search -->
<form class="people_search" action="#" method="get">
	<label class="people_label" for="people_search_input">People Search</label>
	<div class="people_search_form">
		<input class="people_search_input" id="people_search_input" type="search" placeholder="Search by Name">
		<button class="people_search_submit" type="submit">
			<span class="people_search_submit_label">Submit</span>
			<span class="people_search_submit_icon">{{ icon('search') }}</span>
		</button>
	</div>
</form>
<!-- END: People Search -->

No notes defined.