Pill list

A collection of pills, displayed in a horizontal list. This makes use of the atom pill.

Default

px

			
				<ul class="m-pill-list ">
	<li class="m-pill-list__item">
		<div class="a-pill ">
			<span class="a-pill__text">Excel (46)</span>
			<button class="a-pill__button"></button>
		</div>
	</li>
	<li class="m-pill-list__item">
		<div class="a-pill ">
			<span class="a-pill__text">Microsoft Office (54)</span>
		</div>
	</li>
	<li class="m-pill-list__item">
		<div class="a-pill ">
			<span class="a-pill__text">Administratie (18)</span>
		</div>
	</li>
	<li class="m-pill-list__item">
		<div class="a-pill ">
			<span class="a-pill__text">In de buurt van: Hasselt</span>
			<button class="a-pill__button"></button>
		</div>
	</li>
	<li class="m-pill-list__item">
		<div class="a-pill ">
			<span class="a-pill__text">Vanaf: 18/02/19</span>
			<button class="a-pill__button"></button>
		</div>
	</li>
	<li class="m-pill-list__item">
		<div class="a-pill ">
			<span class="a-pill__text">Tot: 19/08/19</span>
		</div>
	</li>
</ul>