Johns Hopkins Data Science and AI Institute Component Library

Filter Results 

<div class="filter_results">
    <div class="filter_results_items">
        <div class="filter_results_item">
            <p class="filter_results_description">
                <span class="filter_results_label"> Results found for:</span>
                <span class="filter_results_category"></span>
            </p>
        </div>

        <div class="filter_results_item">
            <div class="filter_results_action">

                <a href="page-news-listing.html" class="filter_results_reset_link">
                    <span class="filter_results_reset_link_inner">
                        <span class="filter_results_reset_link_label">Clear Filters</span>
                        <span class="filter_results_reset_link_icon" aria-hidden="true">

                            <svg class="icon icon_reset">
                                <use href="/images/icons.svg#reset" />
                            </svg>

                        </span>
                    </span>
                </a>
            </div>
        </div>
    </div>
</div>
 
<div class="filter_results">
	<div class="filter_results_items">
		<div class="filter_results_item">
			<p class="filter_results_description">
				<span class="filter_results_label">{{ results }} Results found for:</span>
				<span class="filter_results_category">{{ category }}</span>
			</p>
		</div>

		<div class="filter_results_item">
			<div class="filter_results_action">
				{% include '@partial-link' with {
					class: 'filter_results_reset',
					title: 'Clear Filters',
					url: 'page-news-listing.html',
					icon: 'reset'
				} %}
			</div>
		</div>
	</div>
</div>

No notes defined.