CCGA Component Library

Filter Results 

<div class="filter">
    <div class="filter_inner">
        <div class="filter_results">
            <div>
                <span class="filter_results_label">
                    Results for:
                </span>
            </div>

            <div>
                <div class="filter_results_categories">
                    Global Cities
                </div>
            </div>

            <div>
                <a href="#" class="filter_results_clear_btn">
                    <span class="filter_results_clear_icon">

                        <svg class="icon icon_close">
                            <use href="/images/icons.svg#close" />
                        </svg>

                    </span>

                    <span class="filter_results_clear_btn_text">
                        Clear
                    </span>
                </a>
            </div>
        </div>
    </div>
</div>
 
<div class="filter">
	<div class="filter_inner">
		<div class="filter_results">
			<div>
				<span class="filter_results_label">
					{{ text }}
				</span>
			</div>

			{% if categories|length %}
				<div>
					<div class="filter_results_categories">
						{{ categories|join(', ') }}
					</div>
				</div>

				<div>
					<a href="#" class="filter_results_clear_btn">
						<span class="filter_results_clear_icon">
							{{ icon("close") }}
						</span>

						<span class="filter_results_clear_btn_text">
							Clear
						</span>
					</a>
				</div>
			{% endif %}
		</div>
	</div>
</div>

No notes defined.