Mercedes Pattern Library

Accordion Row: Sprint 3 2 

<div class="m-accordion-row__wrapper">
    <div class="m-accordion-row__col">
        <div class="m-accordion-row__child c-darkGray">
            Proposta
        </div>
        <div class="m-accordion-row__child">
            1002004798
        </div>
        <div class="m-accordion-row__child c-darkGray">
            Campagna
        </div>
        <div class="m-accordion-row__child">
            My Drive Pass
        </div>
    </div>
    <div class="m-accordion-row__col">
        <div class="m-accordion-row__child c-darkGray">
            Data Proposta
        </div>
        <div class="m-accordion-row__child">
            20-11-2016
        </div>
        <div class="m-accordion-row__child c-darkGray">
            Causale sospensione
        </div>
        <div class="m-accordion-row__child">
            Anomalia Flusso RID
        </div>
    </div>
    <div class="m-accordion-row__col">
        <div class="m-accordion-row__child c-darkGray">
            Asset
        </div>
        <div class="m-accordion-row__child">
            Nuovo
        </div>
    </div>
    <div class="m-accordion-row__col">
        <div class="m-accordion-row__child c-darkGray">
            Venditore
        </div>
        <div class="m-accordion-row__child">
            Francesco di Giacomo
        </div>
    </div>
    <div class="m-accordion-row__col">
    </div>
</div>

<div class="m-accordion-row__controls">
    <div class="m-footer-controls">

        <div class="m-footer-controls__child">

            <div class="a-button">
                Documenti
            </div>

            <div class="a-button  a-button--transparent">
                Lavora proposta
            </div>

            <div class="a-button  a-button--azure">
                Consulta proposta
            </div>

        </div>

    </div>

</div>
 
<div class="m-accordion-row__wrapper">
      <div class="m-accordion-row__col">
          <div class="m-accordion-row__child c-darkGray">
              Proposta
          </div>
          <div class="m-accordion-row__child">
              1002004798
          </div>
          <div class="m-accordion-row__child c-darkGray">
              Campagna
          </div>
          <div class="m-accordion-row__child">
              My Drive Pass
          </div>
      </div>
      <div class="m-accordion-row__col">
          <div class="m-accordion-row__child c-darkGray">
              Data Proposta
          </div>
          <div class="m-accordion-row__child">
              20-11-2016
          </div>
          <div class="m-accordion-row__child c-darkGray">
              Causale sospensione
          </div>
          <div class="m-accordion-row__child">
              Anomalia Flusso RID
          </div>
      </div>
      <div class="m-accordion-row__col">
          <div class="m-accordion-row__child c-darkGray">
              Asset
          </div>
          <div class="m-accordion-row__child">
              Nuovo
          </div>
      </div>
      <div class="m-accordion-row__col">
          <div class="m-accordion-row__child c-darkGray">
              Venditore
          </div>
          <div class="m-accordion-row__child">
              Francesco di Giacomo
          </div>
      </div>
      <div class="m-accordion-row__col">
      </div>
    </div>

    <div class="m-accordion-row__controls">
        {% render '@footer-controls',  {
            "right": [
                {
                    "atom": "buttons",
                    "value": "Documenti"
                },
                {
                    "atom": "buttons--transparent",
                    "value": "Lavora proposta"
                },
                {
                    "atom": "buttons--azure",
                    "value": "Consulta proposta"
                }
            ]
        } %}
    </div>
 
/* No context defined for this component. */

There are no notes for this item.