Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Code Block
languagehtml
<div class="fr-callout fr-fi-information-line">
    <h4<p class="fr-callout__title">Titre mise en avant</h4>p>
    <p class="fr-callout__text">
        Les parents d’enfants de 11 à 14 ans n’ont aucune démarche à accomplir : les CAF versent automatiquement l’ARS aux familles déjà allocataires qui remplissent les conditions.
    </p>
    <button class="fr-btn">
        Label bouton MD
    </button>
</div>

...

Hiérarchisez et sélectionnez votre contenu, afin d’utiliser une ou deux mises en avant maximum par page, sinon elles attireront moins l’œil de l’utilisateur.

Info

Pour les développeurs
Le titre, matérialisé par la classe rf-callout__title peut être une balise <p> (<p class="fr-callout__title"> ) ou une balise de titre - <h2 class="fr-callout__title"> à <h6> - vous permettant de vous adapter à structure et l’architecture de votre contenu.

Règles d’utilisation

Usages

...