BX Swiss Component Library

Follow Up

The follow up component is used in the reporting tool section of the BX Swiss website and can be used to mark a task as done.

<div class="follow-up">
    <div class="follow-up__label">
        <svg viewBox="0 0 24 24" class="icon icon--s ">
		<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/icons/sprite.svg#suspended"></use>
	</svg> 28.07.2017 13:15:00
    </div>
    <div class="follow-up__action">
        <input id="field-id" type="checkbox" name="field-name">
        <label for="field-id" class="">Handled</label>

    </div>
</div>
 
<div class="follow-up">
	<div class="follow-up__label">
		{{{icon icon}}} {{label}}
	</div>
	<div class="follow-up__action">
		{{> @checkbox}} {{> @form-label text=action}}
	</div>
</div>
 
{
  "icon": "suspended",
  "label": "28.07.2017 13:15:00",
  "action": "Handled"
}