DSFR v1.12.0
La mise en avant permet à l’utilisateur de distinguer rapidement une information qui vient compléter le contenu consulté.
DocumentationLorem ipsum dolor sit amet, consectetur adipiscing, incididunt, ut labore et dolore magna aliqua. Vitae sapien pellentesque habitant morbi tristique senectus et. Diam maecenas sed
<div id="callout-6421" class="fr-callout">
<p class="fr-callout__text">Lorem [...] elit ut.</p>
</div>
Lorem ipsum dolor sit amet, consectetur adipiscing, incididunt, ut labore et dolore magna aliqua. Vitae sapien pellentesque habitant morbi tristique senectus et. Diam maecenas sed
<div id="callout-6424" class="fr-callout">
<h3 class="fr-callout__title">Titre mise en avant</h3>
<p class="fr-callout__text">Lorem [...] elit ut.</p>
</div>
Lorem ipsum dolor sit amet, consectetur adipiscing, incididunt, ut labore et dolore magna aliqua. Vitae sapien pellentesque habitant morbi tristique senectus et. Diam maecenas sed
<div id="callout-6428" class="fr-callout">
<h3 class="fr-callout__title">Titre mise en avant</h3>
<p class="fr-callout__text">Lorem [...] elit ut.</p>
<button id="button-6429" class="fr-btn">Libellé bouton</button>
</div>
<div id="callout-6433" class="fr-callout fr-icon-info-line">
<h3 class="fr-callout__title">Titre mise en avant</h3>
<p class="fr-callout__text">Lorem [...] elit ut.</p>
<button id="button-6434" class="fr-btn">Libellé bouton</button>
</div>
Lorem ipsum dolor sit amet, consectetur adipiscing, incididunt, ut labore et dolore magna aliqua. Vitae sapien pellentesque habitant morbi tristique senectus et. Diam maecenas sed
<div id="callout-6437" class="fr-callout fr-callout--green-emeraude">
<h3 class="fr-callout__title">Titre mise en avant</h3>
<p class="fr-callout__text">Lorem [...] elit ut.</p>
</div>