Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Code Block
breakoutModewide
languagehtml
<div class='"size-facet'">
    <div class='"row row--tight size-facet__items'">
        {{#each values}}
            {{#if visible}}
                <div class='"column column--3 size-facet__item{{attribute ' size-facet__item--selected' selected}}'">
                    <div hawksearch-facet-value='"{{value}}'" class='"size-facet__item__outer'">
                        <div hawksearch-facet-value='"{{value}}'" class='"size-facet__item__inner'">
                            {{title}}
                        </div>
                    </div>
                    <span class='"size-facet__item__actions'">
                        {{#if excluded}}
                            <span hawksearch-facet-value-include='"{{value}}'" class='"size-facet__item__actions__item'" title='"Include'">
                                <hawksearch-icon name='"plus'"></hawksearch-icon>
                            </span>
                        {{else}}
                            <span hawksearch-facet-value-exclude='"{{value}}'" class='"size-facet__item__actions__item'" title='"Exclude'">
                                <hawksearch-icon name='"minus'"></hawksearch-icon>
                            </span>
                        {{/if}}
                    </span>
                </div>
            {{/if}}
        {{/each}}
    </div>
    {{#if showToggle}}
        <a<span hawksearch-facet-toggle class='"link facet__toggle'">{{toggleText}}</a>span>
    {{/if}}
</div>