HTML
            


  
Voici un exemple où l'on voit un autre composant (Tarif) appelé dans une definition.


  

    
Cotisation annuelle 2025
    
128,39 €
  
  

    
A régler maintenant
    
 
      
128.39 € 128,39 €
      
    
    
dont frais d'adhésion 
      
    
  
  

    
A régler ultérieurement
    

      
128.39 € 128,39 €
      
    
    
en fonction de votre prélèvement 128,76 € 
      
    
  
  

    
Droits d'adhésion
    

      
1 € 1 €
      
    
    
A payer uniquement lors du premier réglement.
  



  

    
A régler maintenant
    
 
      
128.39 € 128,39 €
      
    
  
  

    
dont frais d'adhésion 
      
    
    
5,00 €
  
  

    
dont frais d'adhésion à payer ultérieurement
    
2,00 €
  
-->


            
PUG
            
include ../../../mixins/tarif.pug

// exemple aspects possibles dt & dd
.title-exemple
  h4 Voici un exemple où l'on voit un autre composant (Tarif) appelé dans une definition.
dl.definition-list-version2.-column.-column-definition-text-align-right.-column-definition-width-6.-separator
  .item
    dt Cotisation annuelle 2025
    dd 128,39 €
  .item
    dt
      strong A régler maintenant
    dd 
      +tarif('p', 128.39, '€', '', '', '', '-text-align-right -size-small -highlight')
    dd dont frais d'adhésion 
      button.additional-cta(data-toggle="modal", data-target="#")
        i.maificon.maificon-information-cercle(aria-hidden="true")
  .item.-light
    dt A régler ultérieurement
    dd
      +tarif('p', 128.39, '€', '', '', '', '-text-align-right -size-small -neutral')
    dd
      span.text-legend.-small en fonction de votre prélèvement 128,76 € 
      button.additional-cta(data-toggle="modal", data-target="#")
        i.maificon.maificon-information-cercle(aria-hidden="true")
  .item
    dt Droits d'adhésion
    dd
      +tarif('p', 1.00, '€', '', '', '', '-text-align-left -size-small -neutral', false)
    dd
      span.text-legend A payer uniquement lors du premier réglement.
.separator
dl.definition-list-version2.-column.-column-definition-text-align-right.-column-definition-width-6
  .item
    dt
      strong A régler maintenant
    dd 
      +tarif('p', 128.39, '€', '', '', '', '-text-align-right -size-small -neutral')
  .item.-light.-small
    dt dont frais d'adhésion 
      button.additional-cta(data-toggle="modal", data-target="#")
        i.maificon.maificon-information-cercle(aria-hidden="true")
    dd 5,00 €
  .item.-small
    dt dont frais d'adhésion à payer ultérieurement
    dd 2,00 €