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>Hic quo velit ipsa molestiae et voluptas at sed.</span>
        </button>

    </li>
    <li class="list__item">
        <button class="button button--small ">
            <span>Explicabo quasi in.</span>
        </button>

    </li>
    <li class="list__item">
        <button class="button button--small ">
            <span>Totam voluptatem quasi.</span>
        </button>

    </li>
    <li class="list__item">
        <button class="button button--small ">
            <span>Animi omnis rem ab.</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>