<div class="form-radio-btn">
    <label class="radio-btn radio" for="radio_btn_input">
        <div class="radio-btn-title-holder">
            <div class="radio-btn-title-section">
                <span class="radio-btn-text">Default label</span>

            </div>

        </div>
        <input type="radio" hidden class="radio-btn-default" value="radio-btn-name">

        <div class="credit-cards">

        </div>

    </label>
</div>
<div class="form-radio-btn">
  <label class="{{className}}" for="radio_btn_input">
    <div class="radio-btn-title-holder">
      <div class="radio-btn-title-section">
        <span class="radio-btn-text">{{ radioBtnText }}</span>
        {% if hasEdit %}<div class="material-icons">edit</div>{% endif %}
      </div>
      {% if radioBtnDescription %}<div class="small radio-info-text">{{radioBtnDescription}}</div>{% endif %}
    </div>
    <input type="radio" hidden class="radio-btn-default" value="radio-btn-name">
    {% if paymentMethod %}
      <div class="credit-cards">
        {% if radioBtnText == 'Card' %}
        <span class="visa-card credit-card"></span>
        <span class="master-card credit-card"></span>
        <span class="post-efinance-card credit-card"></span>
        <span class="post-finance-card credit-card"></span>
        {% endif %}
        {% if radioBtnText == 'TWINT' %}
        <span class="twint credit-card"></span>
        {% endif %}
        {% if radioBtnText == 'Sofort' %}
        <span class="sofort credit-card"></span>
        {% endif %}
        {% if radioBtnText == 'Invoice' %}
        <span class="invoice credit-card"></span>
        {% endif %}
      </div>
    {% endif %}
  </label>
</div>
{
  "radioBtnText": "Default label",
  "className": "radio-btn radio",
  "paymentMethod": true
}
  • Handle: @radio-button--with-credit-cards
  • Preview:
  • Filesystem Path: src/components/01elements/form-input/form-element/radio-button/radio-button.hbs
  • Referenced by (1): @payment-method

No notes defined.