Mercedes Pattern Library

Modal Window: 2 6 

<div class="m-modal-window  m-modal-window--medium">
    <div class="m-modal-window__background"></div>
    <div class="m-modal-window__body">

        <div class="row">
            <div class="col-3">
                <div class="a-input  a-input--readonly">
                    <div class="a-input__label">

                        Soggetto

                    </div>
                    <div class="a-input--readonly-value">Diego Bertolini</div>
                </div>

            </div>
            <div class="col-3">
                <div class="a-input  a-input--readonly">
                    <div class="a-input__label">

                        Proposta

                    </div>
                    <div class="a-input--readonly-value">1001004798</div>
                </div>

            </div>
        </div>

        <div class="ty-primary l-margin-top--normal">
            Inserisci documenti.
        </div>
        <div class="ty-body l-margin-top--small">
            Hai selezionato i seguenti documenti:
        </div>

        <div class="row l-margin-top--normal">
            <div class="col-7">
                <div class="a-tag">
                    <span>
		Nome filtro
	</span>

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

                </div>
                <div class="a-tag">
                    <span>
		Nome filtro
	</span>

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

                </div>
                <div class="a-tag">
                    <span>
		Nome filtro
	</span>

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

                </div>
                <div class="a-tag">
                    <span>
		Nome filtro
	</span>

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

                </div>
            </div>
        </div>

        <div class="m-modal-window__footer l-margin-top--big">
            <div class="row l-end">
                <div class="col-4 l-start l-middle">
                    <a href="#" class="a-link">
	
		<svg class="icon icon--plus-circle">
  <use xlink:href="../../assets/icons.svg#plus-circle" />
</svg>

	
	label
</a>
                </div>
                <div class="col-8">
                    <div class="row">
                        <div class="col">
                            <div class="a-button">
                                Annulla
                            </div>
                        </div>
                        <div class="col">
                            <div class="a-button  a-button--azure">
                                Invia istruttoria
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>

</div>
 
<div class="m-modal-window  m-modal-window--medium">
    <div class="m-modal-window__background"></div>
    <div class="m-modal-window__body">

        <div class="row">
            <div class="col-3">
                {% render '@input--readonly', {
                    "text": {
                        "label": "Soggetto",
                        "value": "Diego Bertolini"
                    }
                } %}
            </div>
            <div class="col-3">
                {% render '@input--readonly', {
                    "text": {
                        "label": "Proposta",
                        "value": "1001004798"
                    }
                } %}
            </div>
        </div>
        
        <div class="ty-primary l-margin-top--normal">
            Inserisci documenti.
        </div>
        <div class="ty-body l-margin-top--small">
            Hai selezionato i seguenti documenti:
        </div>

        <div class="row l-margin-top--normal">
            <div class="col-7">
                {% render '@tag--icon' %}
                {% render '@tag--icon' %}
                {% render '@tag--icon' %}
                {% render '@tag--icon' %}
            </div>
        </div>
        


        <div class="m-modal-window__footer l-margin-top--big">
            <div class="row l-end">
                <div class="col-4 l-start l-middle">
                    {% render '@link' %}
                </div>
                <div class="col-8">
                    <div class="row">
                        <div class="col">
                            {% render '@buttons', {'value': 'Annulla'} %}
                        </div>
                        <div class="col">
                            {% render '@buttons--azure', {'value': 'Invia istruttoria'} %}
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>    

</div>
 
/* No context defined for this component. */

There are no notes for this item.