Deflist

Display a versatile definition list. Render nicely formatted calculations by setting the variant property to calculation and sum.

'variant' => 'default', // default | calculation | sum
Investiertes Kapital
55.897,73 €
Kapitalzuwachs
5.897,73 €
Einnahmensprognose
3.945,04 €
<x-defList>
    <div>
        <dt>Investiertes Kapital</dt>
        <dd>55.897,73 €</dd>
    </div>
    <div>
        <dt>Kapitalzuwachs</dt>
        <dd>5.897,73 €</dd>
    </div>
    <div>
        <dt>Einnahmensprognose</dt>
        <dd>3.945,04 €</dd>
    </div>
</x-defList>
Investition
450,00 €
Preis pro Anteil
150,00 €
Anzahl der Anteile
3
Gebühren
22,50 €
3% Management
13,50 €
2% Performance (bei Gewinn)
9,00 €
Summe
472,50 €
<x-defList variant="calculation">
    <div>
        <dt>Investition</dt>
        <dd>450,00 €</dd>
    </div>
    <div>
        <dt>Preis pro Anteil</dt>
        <dd>150,00 €</dd>
    </div>
    <div>
        <dt>Anzahl der Anteile</dt>
        <dd>3</dd>
    </div>
</x-defList>
<x-defList variant="calculation">
    <div>
        <dt>Gebühren</dt>
        <dd>22,50 €</dd>
    </div>
    <div>
        <dt>3% Management</dt>
        <dd>13,50 €</dd>
    </div>
    <div>
        <dt>2% Performance (bei Gewinn)</dt>
        <dd>9,00 €</dd>
    </div>
</x-defList>
<x-defList variant="sum">
    <div>
        <dt>Summe</dt>
        <dd>472,50 €</dd>
    </div>
</x-defList>