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>Est quia error facere.</span>
        </button>

    </li>
    <li class="list__item">
        <button class="button button--small ">
            <span>Est adipisci exercitationem nesciunt maiores quo voluptatem nesciunt ea molestias.</span>
        </button>

    </li>
    <li class="list__item">
        <button class="button button--small ">
            <span>Sed quia deleniti molestias aperiam sit.</span>
        </button>

    </li>
    <li class="list__item">
        <button class="button button--small ">
            <span>Veritatis itaque distinctio dolores.</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>