Woodlands.co.uk Component Library

Listings: Buttons

No notes defined.

<h2 class="section__title section__title--small section__title--alt text-left">Button List</h2>

<ul class="listing listing--buttons">
    <li class="list__item">
        <button class="button button--small ">
            <span>Voluptatum illum repudiandae mollitia quis.</span>
        </button>

    </li>
    <li class="list__item">
        <button class="button button--small ">
            <span>Corrupti excepturi voluptates temporibus.</span>
        </button>

    </li>
    <li class="list__item">
        <button class="button button--small ">
            <span>Voluptas numquam et fuga consequatur ut eaque unde sunt.</span>
        </button>

    </li>
    <li class="list__item">
        <button class="button button--small ">
            <span>Ut nam explicabo similique rerum quos ipsam.</span>
        </button>

    </li>
</ul>
 
<h2 class="section__title section__title--small section__title--alt text-left">{{ title }}</h2>

<ul class="{{modifier 'listing' modifiers}}">
  {{#each list }}
    <li class="list__item">
        {{ render '@button' this merge=true }}
    </li>
  {{/each}}
</ul>