Fijn

Advanced radio component: Textarea 

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

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

    </div>

    <div class="m-advancedRadio__bottom w-100">

        <textarea name="textArea" class="form-control" rows="7" placeholder="Omschrijving situatie"></textarea>

    </div>

</div>
 
<div class="m-advancedRadio{% 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__left {% if textarea %}flex-grow-1{% endif %} position-relative">
            {% render '@radio-button', {name:"advanced", label:label, disabled:disabled, checked:checked}, true %}
        </div>
        {% if (textarea == false) and (extra_options == true) %}
        <div class="m-advancedRadio__right">
            {% render '@add-item--extra-small', {disabled:disabled}, true %}
        </div>
        {% endif %}
    </div>
    {% if extra_options == true %}
    <div class="m-advancedRadio__bottom w-100">
        {% if textarea %}
            {% render '@textarea', {rows:rows}, true %}
        {% else %}
            {% if disabled %}
                {% set amount=1 %}
                {% render '@list-group', {amount:amount, disabled:true}, true %}
            {% else %}
                {% set amount=3 %}
                {% render '@list-group', {amount:amount}, true %}
            {% endif %}
        {% endif %}
    </div>
    {% endif %}
</div>
 
{
  "name": "keuze",
  "border": false,
  "valid": false,
  "invalid": false,
  "radio": false,
  "textarea": true,
  "disabled": false,
  "checked": false,
  "open": false,
  "extra_options": true,
  "collapse": false
}

No notes defined.