SIA Web Design Library

Workflow info

No notes defined.

<div class='c-workflow-info'>
    <h2 class='sr-only'>Workflow</h2>
    <ul class='c-workflow-info__items c-worklow-info__items--2'>
        <li class='c-workflow-info__items__item c-workflow-info__items__item--0'>Published</li>
        <li class='c-workflow-info__items__item c-workflow-info__items__item--1'>Is reviewed</li>
    </ul>
</div>
 
<div class='{{ get_component_class( 'workflow-info', display ) }}'>
    <h2 class='sr-only'>{{ 'Workflow'|t }}</h2>
    <ul class='c-workflow-info__items c-worklow-info__items--{{ items|length }}'>
        {% for fieldId, field in items %}
            <li class='c-workflow-info__items__item c-workflow-info__items__item--{{ field.value }}'>{{ field.label }}</li>
        {% endfor %}
    </ul>
</div>
 
{
  "items": {
    "status": {
      "label": "Published",
      "value": 0
    },
    "is_reviewed": {
      "label": "Is reviewed",
      "value": 1
    }
  }
}