5.9 Location search block View in a new window
Example
Find your nearest disposal location
Understand what you can and can't take before you visit the disposal facility
Markup
{% set data = data|default({
"heading": "Find your nearest disposal location",
"copy": "Understand what you can and can't take before you visit the disposal facility"
})
%}
<div class="location-search-container">
<div class="nsw-container p-0">
<div class=" location-search row">
<div class="location-search__content col-12 col-md-6">
<h2 class="location-search__title">
<a href="#" class="location-search__link">{{data.heading}}</a>
</h2>
{% if data.copy %}<p class="location-search__copy">{{data.copy}}</p>{% endif %}
</div>
<div class="location-search__form col-12 col-md-6">
{% include '@asbestos/components/form/input.twig' with {
"inputData" : {
label: "Postcode",
id: "postcode",
modifier_class: "w-50 mr-2"
}
} %}
{% include '@asbestos/components/buttons/primary-button.twig' with {
label: "Search",
modifier_class: "w-50 ml-2"
} %}
</div>
</div>
</div>
</div>