{% if page.status or page.prio or page.system_components or page.version or page.vtags or page.vtag %}
  <div class='feature-meta'>
    {% if page.vtags or page.vtag %}
      <div class='feature-meta__version'>
        <label>Tags:</label>
        <div>
          {% if page.vtag %}
            <span class='tag tag--{{ page.vtag | replace: " ", "-" }} feature-meta__status--{{ page.vtag | replace: " ", "-" }}'>{{ page.vtag }}</span>
          {% endif %}
          {% if page.vtags %}
            {% for vtag in page.vtags %}
              <span class='tag tag--{{ vtag | replace: " ", "-" }} feature-meta__status--{{ vtag | replace: " ", "-" }}'>{{ vtag }}</span>
            {% endfor %}
          {% endif %}
        </div>
      </div>
    {% endif %}

    {% if page.status %}
      <div class='feature-meta__status'>
        <label>Status:</label>
        <div>
          <span class='tag tag--{{ page.status }} feature-meta__status--{{ page.status }}'>{{ page.status }}</span>
        </div>
      </div>
    {% endif %}

    {% if page.prio %}
      <div class='feature-meta__prio'>
        <label>Priority:</label>
        <div>
          <span class='tag tag--{{ page.prio }} feature-meta__prio--{{ page.prio }}'>{{ page.prio }}</span>
        </div>
      </div>
    {% endif %}

    {% if page.system_components %}
      <div class='feature-meta__system_components'>
        <label>System components:</label>
        <div>
          {% for component in page.system_components %}
            <span class='tag'>{{ component }}</span>
          {% endfor %}
        </div>
      </div>
    {% endif %}

    {% if page.version %}
      <div class='feature-meta__version'>
        <label>Version:</label>
        <div>
          <span class='feature-meta__version'>{{ page.version }}</span>
        </div>
      </div>
    {% endif %}
  </div>
{% endif %}