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>Et consequuntur possimus eum ad eaque.</span>
        </button>

    </li>
    <li class="list__item">
        <button class="button button--small ">
            <span>Eligendi tempora aliquid beatae est facere qui at cumque aliquid.</span>
        </button>

    </li>
    <li class="list__item">
        <button class="button button--small ">
            <span>Debitis similique qui omnis in.</span>
        </button>

    </li>
    <li class="list__item">
        <button class="button button--small ">
            <span>Ut consequuntur laboriosam dolor.</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>