New College of Florida Component Library

Filter: Counselors 

<div class="filter filter_counselors">
    <div class="fs-row">
        <div class="fs-cell fs-lg-10 fs-lg-push-1">
            <div class="filter_inner">
                <div class="filter_panels">
                    <div class="filter_tabpanel filter_tabpanel_tools" role="tabpanel">
                        <form class="filter_tools" action="#" method="get">
                            <div class="filter_tool">
                                <label class="filter_tool_label" for="filter_tool_label_1">Category</label>
                                <div class="filter_tool_select_wrapper">
                                    <select class="filter_tool_select" id="filter_tool_label_1">
                                        <option value="All Categories">All Categories</option>
                                        <option value="Category One" selected>Category One</option>
                                        <option value="Another Category">Another Category</option>
                                    </select>
                                    <span class="filter_tool_select_icon">
                                        <svg class="icon icon_dropdown_expand">
                                            <use href="/images/icons.svg#dropdown_expand" />
                                        </svg>
                                    </span>
                                </div>
                            </div>
                            <div class="filter_tool">
                                <button class="filter_tools_submit" type="submit">
                                    <span class="filter_tools_submit_label">Apply Filters</span>
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
 
<div class="filter filter_counselors">
	<div class="fs-row">
		<div class="fs-cell{% if not full_width %} fs-lg-10 fs-lg-push-1{% endif %}">
			<div class="filter_inner">
				<div class="filter_panels">
					<div class="filter_tabpanel filter_tabpanel_tools" role="tabpanel">
						<form class="filter_tools" action="{{ action_category }}" method="get">
							{% for tool in tools %}
								<div class="filter_tool">
									<label class="filter_tool_label" for="filter_tool_label_{{ loop.index }}">{{ tool.label }}</label>
									<div class="filter_tool_select_wrapper">
										<select class="filter_tool_select" id="filter_tool_label_{{ loop.index }}">
											{% for option in tool.options %}
												<option value="{{ option.label }}" {% if option.selected == true %} selected {% endif %}>{{ option.label }}</option>
											{% endfor %}
										</select>
										<span class="filter_tool_select_icon">{{ icon("dropdown_expand") }}</span>
									</div>
								</div>
							{% endfor %}
							<div class="filter_tool">
								<button class="filter_tools_submit" type="submit">
									<span class="filter_tools_submit_label">Apply Filters</span>
								</button>
							</div>
						</form>
					</div>
				</div>
				{% if results != "" %}
					<div class="filter_results">
						<p class="filter_results_description">
							<span class="filter_results_label">{{ results }}
								Results found for:</span>
							<span class="filter_results_category">{{ category }}</span>
						</p>

						{% include "@partial-link" with {
							class: "filter_results_reset",
							title: "Reset",
							url: "page-news-listing.html",
							icon: "reset"
						} %}
					</div>
				{% endif %}
			</div>
		</div>
	</div>
</div>

No notes defined.