Button: Button with icon

Demo styling 
<ul class="elementButtonList list--reset">
    <li>
        <a href="/" class="elementButton">
            <span class="elementButton-title">Button</span>
            <svg width="13" height="11" xmlns="http://www.w3.org/2000/svg">
                <g fill="none" fill-rule="evenodd">
                    <path fill="#000" d="M0 5h12v1H0z" />
                    <path stroke="#000" d="M7 10l5-4.5L7 1" />
                </g>
            </svg>
        </a>
    </li>
</ul>
 
<ul class="elementButtonList list--reset">
	<li>
		<a href="/" class="elementButton">
			<span class="elementButton-title">{{button.text}}</span>
			{{#if icon}}
				<svg width="13" height="11" xmlns="http://www.w3.org/2000/svg">
					<g fill="none" fill-rule="evenodd">
						<path fill="#000" d="M0 5h12v1H0z"/>
						<path stroke="#000" d="M7 10l5-4.5L7 1"/>
					</g>
				</svg>
			{{/if}}
		</a>
	</li>
</ul>
 
{
  "icon": true,
  "button": {
    "text": "Button"
  }
}

No notes defined.