Fijn

Advanced radio component: Tabs 

<div class="m-advancedRadio  overflow-hidden d-flex flex-wrap w-100">
    <div class="d-flex w-100">
        <div class="m-advancedRadio__radio  position-relative">

            <div class="custom-control custom-radio custom-control-inline mr-0">
                <input type="radio" id="customRadio36211" name="advanced" value="Ja" class="custom-control-input">
                <label class="custom-control-label cursor-pointer d-flex align-items-center" for="customRadio36211">Ja</label>
            </div>
        </div>
    </div>

</div>
 
<div class="m-advancedRadio{% if tabs %} -tabs{% endif %}{% if invalid %} is-invalid{% endif %}{% if valid %} is-valid{% endif %}{% if disabled %} -disabled{% endif %}{% if checked %} -checked{% endif %} {% if open %}-open{% endif %} overflow-hidden d-flex flex-wrap w-100" {% if disabled %}aria-disabled="true"{% endif %}>
    <div class="d-flex w-100">
        <div class="m-advancedRadio__radio {% if textarea %}flex-grow-1{% endif %} position-relative">
            {% render '@radio-button', {name:"advanced", label:label, disabled:disabled, checked:checked}, true %}
        </div>
    </div>
    {% if extra_options == true %}
    <div class="m-advancedRadio__bottom w-100">
        <div class="m-tabsGroup -element">
            {% render '@tabs--advanced-radio', {items: items, element: element}, true %}
            <div class="tab-content">
                <div class="tab-pane show active" id="nav-files-advanced-radio" role="tabpanel" aria-labelledby="nav-files-advanced-radio-tabs">
                    {% set variant = 'upload' %}
                    {% set disabled=false %}
                    {% render '@list-group--'+variant, {amount:amount, disabled:disabled}, true %}
                </div>
                <div class="tab-pane" id="nav-notes-advanced-radio" role="tabpanel" aria-labelledby="nav-notes-advanced-radio-tab">
                   {% render '@textarea', {rows:rows}, true %}
                </div>
            </div>
        </div>
    </div>
    {% endif %}
</div>
 
{
  "name": "keuze",
  "border": false,
  "valid": false,
  "invalid": false,
  "radio": false,
  "textarea": false,
  "disabled": false,
  "checked": false,
  "open": false,
  "extra_options": false,
  "collapse": false
}

No notes defined.