Flint Institute of Music Component Library

Filter Results 

<!-- Filter -->
<div class="filter_results">
    <p class="filter_results_description">
        <span class="filter_results_label">10 Results in</span>
        <span class="filter_results_category">“Season 22-23”</span>
    </p>
    <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">Reset</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>
<!-- END: Filter -->
 
{#
	{% include '@partial-filter' with {
		label: 'Directory',
		active: 'search',
		action_category: '#',
		action_search: '#',
		tools: [
			{
				label: 'Category',
				options: [
					{
						label: 'All Categories',
						label: true
					}
				]
			}
		],
		search_placeholder: 'Placeholder',
		results: '',
		category: ''
	} %}
#}
<!-- Filter -->
{% if results != '' %}
	<div class="filter_results">
		<p class="filter_results_description">
			<span class="filter_results_label">{{ results }} {{ plural_name|default("Results") }} in</span>
			<span class="filter_results_category">“{{ category }}”</span>
		</p>
		<div class="filter_results_action">
			{% include '@partial-link' with {
				class: 'filter_results_reset',
				title: 'Reset',
				url: 'page-news-listing.html',
				icon: 'reset'
			} %}
		</div>
	</div>
{% endif %}
<!-- END: Filter -->

No notes defined.