Mercedes Pattern Library

Question Row 

<div class="m-question-row">
    <div class="row l-middle">
        <div class="col-9">
            <div class="m-question-row__question  ty-body">
                Nella proposta sono coinvolte <a href='#'>Persone Esposte Politicamente (PEP)</a>?
            </div>
        </div>

        <div class="col-3">
            <div class="m-question-row__answers l-between">

                <a href="#" class="a-link">
	
		<svg class="icon icon--error">
  <use xlink:href="../../assets/icons.svg#error" />
</svg>

	
	Link Label
</a>

                <div>

                    <div class="m-question-row__radio">
                        <label class="a-radio">
    <input type="radio">
    <span></span>
    
    	Sì
    
</label>
                    </div>

                    <div class="m-question-row__radio">
                        <label class="a-radio">
    <input type="radio">
    <span></span>
    
    	No
    
</label>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>
 
<div class="m-question-row">
    <div class="row l-middle">
        <div class="col-9">
            <div class="m-question-row__question  ty-body">
                {{ question }}
            </div>
        </div>

        <div class="col-3">
            <div class="m-question-row__answers l-between">
                {% if link %}
                    {% render '@link', link %}
                {% endif %}
                <div>
                    {% for item in answers %}
                        <div class="m-question-row__radio">
                            {% render '@radio', {
                                "label": item.value
                            } %}
                        </div>
                    {% endfor %}
                </div>
            </div>
        </div>
    </div>
</div>
 
{
  "question": "Nella proposta sono coinvolte <a href='#'>Persone Esposte Politicamente (PEP)</a>?",
  "answers": [
    {
      "value": "Sì"
    },
    {
      "value": "No"
    }
  ],
  "link": {
    "label": "Link Label",
    "icon": "error"
  }
}

There are no notes for this item.