diff --git a/demo-app/views/AppHome.vue b/demo-app/views/AppHome.vue
index 045d6eeb..db271593 100644
--- a/demo-app/views/AppHome.vue
+++ b/demo-app/views/AppHome.vue
@@ -1,4 +1,4 @@
-<script setup>
+<script setup lang="ts">
 import pDebounce from 'p-debounce'
 import { ref, watch } from 'vue'
 
@@ -71,6 +71,27 @@ const onClick = () => {
 }
 
 const activeAccordion = ref(-1)
+
+const selection = ref([])
+const headers = [
+  {
+    key: 'id',
+    label: 'ID',
+  },
+  {
+    key: 'name',
+    label: 'Name',
+  },
+  {
+    key: 'email',
+    label: 'Email',
+  },
+]
+const rows = [
+  [1, 'John Doe', 'john.doe@gmail.com'],
+  [2, 'Jane Doe', 'jane.doe@gmail.com'],
+  [3, 'James Bond', 'james.bond@mi6.gov.uk'],
+]
 </script>
 
 <template>
@@ -126,6 +147,36 @@ const activeAccordion = ref(-1)
       </DsfrAccordion>
     </DsfrAccordionsGroup>
   </div>
+  <div>
+    <DsfrDataTable
+      v-model:selection="selection"
+      title="Titre du tableau (caption)"
+      :headers-row="headers"
+      :rows="rows"
+      selectable-rows
+      sortable-rows
+      :row-key="0"
+    >
+      <template #cell="{ colKey, cell }">
+        <template v-if="colKey === 'email'">
+          <DsfrTooltip
+            content="Envoyer un courriel"
+            on-hover
+          >
+            <a :href="`mailto:${cell as string}`">{{ cell }}</a>
+          </DsfrTooltip>
+        </template>
+        <template v-else>
+          <DsfrTooltip
+            :content="`(${colKey})`"
+            on-hover
+          >
+            {{ cell }}
+          </DsfrTooltip>
+        </template>
+      </template>
+    </DsfrDataTable>
+  </div>
 
   <div class="flex justify-between w-full relative">
     <DsfrTooltip
@@ -148,7 +199,7 @@ const activeAccordion = ref(-1)
   <AsyncButton
     :is-loading="isLoading"
     :disabled="disabled"
-    @click="onClick($event)"
+    @click="onClick()"
   >
     Cliquer pour voir un chargement
   </AsyncButton>
diff --git a/docs/gabarit-doc-composant.md b/docs/gabarit-doc-composant.md
index 217df030..81625e2d 100644
--- a/docs/gabarit-doc-composant.md
+++ b/docs/gabarit-doc-composant.md
@@ -1,6 +1,6 @@
 # Tuile - `DsfrTile`
 
-## 🌟 Introduction
+## 🌟Introduction
 
 La tuile est un raccourci ou point d’entrée qui redirige les utilisateurs vers des pages de contenu. Elle fait généralement partie d'une collection ou liste de tuiles similaires. La tuile n’est jamais présentée de manière isolée.
 
@@ -10,7 +10,7 @@ Le composant `DsfrTile` est une tuile flexible et stylisée, idéale pour affich
 
 <VIcon name="vi-file-type-storybook" /> La story sur la tuile sur le storybook de [VueDsfr](https://storybook.vue-ds.fr/?path=/docs/composants-dsfrtile--docs)
 
-## 📐 Structure
+## 📐Structure
 
 - `<DsfrTile>` : Le composant principal.
   - Affiche un titre, une description, des détails et un pictogramme (image ou SVG).
@@ -39,15 +39,15 @@ Le composant `DsfrTile` est une tuile flexible et stylisée, idéale pour affich
 | `noBackground` | `boolean`               | Si vrai, n'affiche pas de fond dans la tuile.                                                       | `false`                                                |
 | `grey`         | `boolean`               | Si vrai, affiche un fond gris pour la tuile.                                                        | `false`                                                |
 
-## 📡 Événements
+## 📡Événements
 
 Ce composant ne déclenche pas d'événements spécifiques.
 
-## 🧩 Slots
+## 🧩Slots
 
 - `header` : Slot pour insérer du contenu personnalisé dans l'en-tête de la tuile.
 
-## 📝 Exemples
+## 📝Exemples
 
 Section vide comme demandé.
 
diff --git a/docs/guide/guide-developpeur.md b/docs/guide/guide-developpeur.md
index 4558988f..2430f30b 100644
--- a/docs/guide/guide-developpeur.md
+++ b/docs/guide/guide-developpeur.md
@@ -95,7 +95,7 @@ Vous devriez voir 20.x.x
 - Faire des demandes dans [discussions](https://github.com/dnum-mi/vue-dsfr/discussions)
 - Rejoindre le [server Discord](https://discord.gg/jbBJ9769ZZ)
 
-### À propos des pull-requests
+### Àpropos des pull-requests
 
 Les commits doivent suivre la spécification des **[Commits Conventionnels](https://www.conventionalcommits.org/fr/v1.0.0/)** afin que
 l’outil de release automatique détecte les nouvelles fonctionnalités et les corrections d’anomalies.
diff --git a/src/components/DsfrAccordion/DsfrAccordion.md b/src/components/DsfrAccordion/DsfrAccordion.md
index 0ecd9358..c5965e6e 100644
--- a/src/components/DsfrAccordion/DsfrAccordion.md
+++ b/src/components/DsfrAccordion/DsfrAccordion.md
@@ -1,6 +1,6 @@
 # Accordéon - `DsfrAccordion`
 
-## 🌟 Introduction
+## 🌟 Introduction
 
 Les accordéons permettent aux utilisateurs d'afficher et de masquer des sections de contenu présentés dans une page.
 
@@ -8,7 +8,7 @@ Les accordéons permettent aux utilisateurs d'afficher et de masquer des section
 
 <VIcon name="vi-file-type-storybook" /> La story sur l’accordéon sur le storybook de [VueDsfr](https://storybook.vue-ds.fr/?path=/docs/composants-dsfraccordion--docs)
 
-## 📐 Structure
+## 📐 Structure
 
 Un accordéon est constitué des éléments suivants :
 
@@ -30,7 +30,7 @@ Autres props :
 | `titleTag`              | [*`TitleTag`*](/docs/types.md#title-tag)  |    `'h3'`        |              |
 | `id`                    | *`string`*                                | *random string*  |              |
 
-## 📡 Évenements
+## 📡Évenements
 
 Pas d'événements spécifiques émis directement par ce composant.
 
@@ -39,11 +39,11 @@ Pas d'événements spécifiques émis directement par ce composant.
 - **`title`** : Slot pour le contenu personnalisé du titre de l’accordéon. Si non utilisé, le texte fourni via la prop `title` sera utilisé.
 - **`default`** : Slot pour le contenu principal de l'accordéon, affiché dans la section repliable.
 
-## Utilisation
+## 📝 Exemples
 
 Ce composant peut être utilisé uniquement avec [`DsfrAccordionsGroup`](/composants/DsfrAccordionsGroup).
 
-## ⚙️ Code source du composant
+## ⚙️Code source du composant
 
 ::: code-group
 <<< DsfrAccordion.vue
diff --git a/src/components/DsfrAccordion/DsfrAccordionsGroup.md b/src/components/DsfrAccordion/DsfrAccordionsGroup.md
index e365abb6..f5cc4d15 100644
--- a/src/components/DsfrAccordion/DsfrAccordionsGroup.md
+++ b/src/components/DsfrAccordion/DsfrAccordionsGroup.md
@@ -1,6 +1,6 @@
 # Groupe d’accordéons - `DsfrAccordionsGroup`
 
-## 🌟 Introduction
+## 🌟 Introduction
 
 Le composant `DsfrAccordionsGroup` permet de regrouper plusieurs accordéons en une seule unité cohérente. Il gère la logique de sélection active entre les accordéons enfants, permettant ainsi d'ouvrir un accordéon tout en fermant les autres. Ce composant est essentiel pour organiser des ensembles d'accordéons liés de manière interactive.
 
@@ -16,7 +16,7 @@ Le composant `DsfrAccordionsGroup` agit comme un conteneur pour les composants d
 |-------------|------|------------|-------------|
 | `modelValue` | `number` | `-1` | Index de l'accordéon actuellement actif. Cette prop est utilisée pour le contrôle externe de l'accordéon ouvert (un seul peut être ouvert à la fois). |
 
-## 📡 Événements
+## 📡Événements
 
 | Nom de l'Événement | Payload | Description |
 |--------------------|---------|-------------|
@@ -26,11 +26,11 @@ Le composant `DsfrAccordionsGroup` agit comme un conteneur pour les composants d
 Il est donc possible (et recommandé) d’utiliser la directive `v-model` sur ce composant.
 :::
 
-## 🧩 Slots
+## 🧩 Slots
 
 - **`default`** : Slot par défaut pour le contenu du groupe d'accordéons. Ce slot contiendra les composants `DsfrAccordion` enfants.
 
-## 📝 Exemple
+## 📝 Exemple
 
 ::: code-group
 
diff --git a/src/components/DsfrAlert/DsfrAlert.md b/src/components/DsfrAlert/DsfrAlert.md
index 5d26fdc8..0c66751a 100644
--- a/src/components/DsfrAlert/DsfrAlert.md
+++ b/src/components/DsfrAlert/DsfrAlert.md
@@ -1,6 +1,6 @@
 # Alertes - `DsfrAlert`
 
-## 🌟 Introduction
+## 🌟 Introduction
 
 Les alertes permettent d’attirer l’attention de l’utilisateur sur une information sans interrompre sa tâche en cours.
 
diff --git a/src/components/DsfrBackToTop/DsfrBackToTop.md b/src/components/DsfrBackToTop/DsfrBackToTop.md
index aa590fbf..9e2ba516 100644
--- a/src/components/DsfrBackToTop/DsfrBackToTop.md
+++ b/src/components/DsfrBackToTop/DsfrBackToTop.md
@@ -1,6 +1,6 @@
 # Retour en haut de page - `DsfrBackToTop`
 
-## 🌟 Introduction
+## 🌟 Introduction
 
 Bonjour et bienvenue à cette page de documentation incroyablement utile (et légèrement humoristique) pour notre composant `DsfrBackToTop`. Ce composant est votre meilleur ami pour permettre aux utilisateurs de remonter en haut de la page avec style et élégance. Et oui, même dans le monde du code, la classe, ça compte !
 
@@ -19,10 +19,6 @@ Si il y a des bloc de poursuite de lecture (liens vers d’autres articles), il
 
 <VIcon name="vi-file-type-storybook" /> La story sur le retour en haut de page sur le storybook de [VueDsfr](https://storybook.vue-ds.fr/?path=/docs/composants-dsfrbacktotop--docs)
 
-## Aperçu
-
-`DsfrBackToTop` est un composant simple mais chic, permettant d'ajouter un lien de retour en haut de la page dans vos applications Vue. Il intègre un style distinctif et des options de positionnement pour s'adapter parfaitement à votre mise en page.
-
 ## 🛠️ Props
 
 Notre composant est assez flexible et comprend les props suivantes :
@@ -45,7 +41,7 @@ Afin de le faire fonctionner correctement, il est nécessaire d’ajouter l’at
 
 :::
 
-## Exemple d'Utilisation
+## 📝 Exemple
 
 Voici un petit exemple pour vous montrer comment utiliser `DsfrBackToTop` dans votre application :
 
diff --git a/src/components/DsfrBadge/DsfrBadge.md b/src/components/DsfrBadge/DsfrBadge.md
index 9da35a81..206e2b73 100644
--- a/src/components/DsfrBadge/DsfrBadge.md
+++ b/src/components/DsfrBadge/DsfrBadge.md
@@ -1,6 +1,6 @@
 # Badges - `DsfrBadge`
 
-## 🌟 Introduction
+## 🌟 Introduction
 
 Le `DsfrBadge` est le super-héros des petites étiquettes ! Ce composant Vue est idéal pour afficher des informations courtes et importantes, comme des catégories, des étiquettes ou des statuts. C'est comme le fromage sur votre pizza : petit mais essentiel !
 
@@ -8,7 +8,7 @@ Le `DsfrBadge` est le super-héros des petites étiquettes ! Ce composant Vue es
 
 <VIcon name="vi-file-type-storybook" /> La story sur le badge sur le storybook de [VueDsfr](https://storybook.vue-ds.fr/?path=/docs/composants-dsfrbadge--docs)
 
-## 📐 Structure
+## 📐 Structure
 
 - Le composant est un élément `p` avec la classe `fr-badge`.
 - Props permettent de modifier l'apparence du badge selon les props : type (), présence d'icône, taille et gestion du texte trop long.
diff --git a/src/components/DsfrBreadcrumb/DsfrBreadcrumb.md b/src/components/DsfrBreadcrumb/DsfrBreadcrumb.md
index a8ce53a6..b68e80ea 100644
--- a/src/components/DsfrBreadcrumb/DsfrBreadcrumb.md
+++ b/src/components/DsfrBreadcrumb/DsfrBreadcrumb.md
@@ -1,6 +1,6 @@
 # Fil d’ariane - `DsfrBreadcrumb`
 
-## 🌟 Introduction
+## 🌟 Introduction
 
 Bienvenue à la documentation du composant DsfrBreadcrumb ! Ce composant est un véritable GPS pour vos interfaces utilisateur, guidant les utilisateurs à travers les différents niveaux de votre application avec aisance et élégance. Utilisons TypeScript et Vue pour explorer ses fonctionnalités.
 
@@ -27,15 +27,15 @@ Dans l’ordre, il se compose des éléments suivants :
 | navigationLabel     | String | `'vous êtes ici :'`             | Label affiché sur la balise `nav` du fil d’Ariane.                                                                                                       |
 | showBreadcrumbLabel | String | `'Voir le fil d’Ariane'`        | Label du bouton d'affichage du fil d’Ariane.                                                                                                             |
 
-## 📡 Évenements
+## 📡Évenements
 
 Ce composant n'émet pas directement d'événements, mais vous pouvez écouter les événements de clic sur les liens individuels si nécessaire.
 
-## 🧩 Slots
+## 🧩 Slots
 
 Pas de slots définis pour `DsfrBreadcrumb`. Le contenu est entièrement géré via les props.
 
-## 📝 Exemples
+## 📝 Exemples
 
 Voici un exemple d'utilisation de DsfrBreadcrumb  :
 
diff --git a/src/components/DsfrButton/DsfrButton.md b/src/components/DsfrButton/DsfrButton.md
index 171cc2dc..88ee9028 100644
--- a/src/components/DsfrButton/DsfrButton.md
+++ b/src/components/DsfrButton/DsfrButton.md
@@ -1,6 +1,6 @@
 # DsfrButton
 
-## 🌟 Introduction
+## 🌟 Introduction
 
 Le bouton est un élément d’interaction avec l’interface permettant à l’utilisateur d’effectuer une action.
 
@@ -26,19 +26,19 @@ Les boutons sont composés de :
 | `label`     | `string`                   | `undefined`|             | Étiquette textuelle du bouton. Si le label est laissé à undefined, le slot par défaut doit contenir du texte !                        |
 | `onClick`   | `Function`                 | `() => {}` |             | Fonction appelée lors du clic sur le bouton.          |
 
-## 📡 Évenements
+## 📡Évenements
 
 - `click` : Émis lorsque le bouton est cliqué.
 
-## 🧩 Slots
+## 🧩 Slots
 
 - `default` : Emplacement pour le contenu personnalisé du bouton. Inséré dans `<button class="fr-btn"><span">`.
 
-## ✨ Les groupes de boutons
+## ✨ Les groupes de boutons
 
 Cf. [documentation dédiée](/composants/DsfrButtonGroup)
 
-## 📝 Exemples
+## 📝 Exemples
 
 Un bouton large avec une icône 'maison' à gauche et le texte 'Accueil' :
 
diff --git a/src/components/DsfrButton/DsfrButtonGroup.md b/src/components/DsfrButton/DsfrButtonGroup.md
index d19af514..0f07e592 100644
--- a/src/components/DsfrButton/DsfrButtonGroup.md
+++ b/src/components/DsfrButton/DsfrButtonGroup.md
@@ -1,6 +1,6 @@
 # Groupe de boutons - `DsfrButtonGroup`
 
-## 🌟 Introduction
+## 🌟 Introduction
 
 Les boutons dans le contexte d'un groupe suivent les même règles que le composant bouton :
 
@@ -26,7 +26,7 @@ Aucune prop n’est obligatoire
 | iconRight        | `boolean`                       | false             | Si `true`, place les icônes à droite du texte dans tous les boutons. |
 | size             | `'sm' \| 'md' \| 'lg'`   | 'md'                 | Détermine la taille des boutons. Peut être `'sm'` (petit), `'md`' (moyen, défaut), `'lg'` (grand). |
 
-## 🧩 Slots
+## 🧩 Slots
 
 Le slot par défaut peut être utilisé pour mettre des boutons personnalisés.
 
@@ -36,7 +36,7 @@ Si vous utilisez le slot, il faut bien envelopper chaque bouton dans une balise
 
 :::
 
-## 📝 Exemples
+## 📝 Exemples
 
 ::: code-group
 
diff --git a/src/components/DsfrCallout/DsfrCallout.md b/src/components/DsfrCallout/DsfrCallout.md
index c1dc6f02..f21c6fa7 100644
--- a/src/components/DsfrCallout/DsfrCallout.md
+++ b/src/components/DsfrCallout/DsfrCallout.md
@@ -1,4 +1,4 @@
-## 🌟 Introduction
+## 🌟 Introduction
 
 Le composant `DsfrCallout` est un composant Vue.js qui permet de créer des encadrés de mise en avant avec un titre, un contenu, une icône optionnelle, et un bouton configurable. Il est conçu pour s'intégrer harmonieusement dans les projets utilisant le Design System Français (DSFR), tout en offrant une grande flexibilité grâce à la personnalisation des éléments visuels.
 
@@ -6,7 +6,7 @@ Le composant `DsfrCallout` est un composant Vue.js qui permet de créer des enca
 
 <VIcon name="vi-file-type-storybook" /> La story sur la mise en avant sur le storybook de [VueDsfr](https://storybook.vue-ds.fr/?path=/docs/composants-dsfrcallout--docs)
 
-## 📐 Structure
+## 📐 Structure
 
 Le composant `DsfrCallout` s'utilise pour afficher un message ou une information importante dans un encadré visuellement distinct, avec un titre, une icône, du contenu textuel, et éventuellement un bouton d'action. Chaque partie de l'encadré peut être personnalisée via les propriétés du composant.
 
@@ -22,15 +22,15 @@ Voici les différentes propriétés que vous pouvez utiliser avec ce composant :
 | `icon`    | `string \| object \| undefined` | `undefined` | Icône affichée à gauche du titre. Peut être une chaîne pour une icône DSFR, un objet pour un composant `VIcon`, ou `undefined` si aucune icône n'est nécessaire. |
 | `content` | `string`               | **Obligatoire** | Texte principal de l'encadré, généralement une description ou un message important.                                                                       |
 
-## 📡 Événements
+## 📡Événements
 
 Ce composant ne déclenche pas d'événements personnalisés.
 
-## 🧩 Slots
+## 🧩 Slots
 
 - `default` : Contenu additionnel à afficher à l'intérieur de l'encadré. Ce slot est intégré dans la structure principale du composant et s'affiche sous le texte principal.
 
-## 📝 Exemples
+## 📝 Exemples
 
 ::: code-group
 
diff --git a/src/components/DsfrCard/DsfrCard.md b/src/components/DsfrCard/DsfrCard.md
index c7165133..642f49fd 100644
--- a/src/components/DsfrCard/DsfrCard.md
+++ b/src/components/DsfrCard/DsfrCard.md
@@ -1,6 +1,6 @@
 # Carte - `DsfrCard`
 
-## 🌟 Introduction
+## 🌟 Introduction
 
 La carte c'est tout simplement l'indispensable pour agrémenter vos sites et applications d'amuse-bouches esthétiques vers des contenus proposés. Il s'agit d'un composant permettant un aperçu d'une page et un lien vers cette dernière. Elle fait généralement partie d'une liste menant vers des contenus similaires.
 
@@ -10,7 +10,7 @@ La carte existe en trois tailles (LG, MD, SM) et deux formats (horizontal et ver
 
 <VIcon name="vi-file-type-storybook" /> La story sur la carte sur le storybook de [VueDsfr](https://storybook.vue-ds.fr/?path=/docs/composants-dsfrcard--docs)
 
-## 📐 Structure
+## 📐 Structure
 
 Une carte digne de ce nom se compose des éléments suivants :
 
@@ -60,9 +60,9 @@ Autres props :
 cf. DSFR : [Composant - Tag](https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/tag) ou [Composant - Badge](https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/badge) (jusqu'à 4 éléments)
 cf. DSFR : [Composant - Carte](https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/carte/).
 
-## 📝 Exemples
+## 📝 Exemples
 
-### 📝 Exemple avec tags et badges dans l’en-tête sans actions
+### 📝Exemple avec tags et badges dans l’en-tête sans actions
 
 ::: code-group
 
@@ -74,7 +74,7 @@ cf. DSFR : [Composant - Carte](https://www.systeme-de-design.gouv.fr/elements-d-
 
 :::
 
-### 📝 Exemple avec actions sans tags
+### 📝Exemple avec actions sans tags
 
 ::: code-group
 
diff --git a/src/components/DsfrCheckbox/DsfrCheckbox.md b/src/components/DsfrCheckbox/DsfrCheckbox.md
index 07676d02..ac1e444c 100644
--- a/src/components/DsfrCheckbox/DsfrCheckbox.md
+++ b/src/components/DsfrCheckbox/DsfrCheckbox.md
@@ -1,4 +1,4 @@
-## 🌟 Introduction
+## 🌟 Introduction
 
 Les cases à cocher permettent à l’utilisateur de sélectionner une ou plusieurs options dans une liste. Elles sont utilisées pour effectuer des sélections multiples (de 0 à N éléments) ou bien pour permettre un choix binaire, lorsque l’utilisateur peut sélectionner ou désélectionner une seule option.
 
@@ -26,10 +26,18 @@ Le composant `DsfrCheckbox` est composé des éléments suivants :
 | `errorMessage`         | *`string`*                 | `''`     |           | Message d'erreur à afficher en dessous de la case à cocher |
 | `hint`                  | *`string`*                 | `''`     |           | Texte d'information complémentaire affiché en dessous de la case à cocher |
 | `id`                    | *`string`*                 | chaîne pseudo-aléatoire     |           | Identifiant unique du composant (générée automatiquement si non fournie) |
-| `inline`                | *`boolean`*                | ''     |           | Affiche la case à cocher en ligne (par défaut : `false`) |
-| `required`              | *`boolean`*                | ''     |           | Indique si la case à cocher est obligatoire (par défaut : `false`)             |
-| `small`                 | *`boolean`*                | ''     |           | Affiche la case à cocher en taille réduite (par défaut : `false`)             |
-| `validMessage`         | *`string`*                 | ''     |           | Message de validation à afficher en dessous de la case à cocher |
+| `inline`                | *`boolean`*                | `false`     |           | Affiche la case à cocher en ligne (par défaut : `false`) |
+| `required`              | *`boolean`*                | `false`     |           | Indique si la case à cocher est obligatoire (par défaut : `false`)             |
+| `readonly`              | *`boolean`*                | `false`     |           | Indique si la case à cocher est en lecture seule*              |
+| `readonlyOpacity`              | *`number`*                | `0.75`     |           | Indique l’opacité du conteneur si la case à cocher est en lecture seule*             |
+| `small`                 | *`boolean`*                | `false`     |           | Affiche la case à cocher en taille réduite     s|
+| `validMessage`         | *`string`*                 | `false`     |           | Message de validation à afficher en dessous de la case à cocher |
+
+::: tip * Note
+
+Les cases à cocher n’ont pas, nativement, de possibilité d’être en lecture seule (l’attribut `readonly` n’a aucun effet). VueDsfr a choisi d’émuler cette fonctionnalité en ajoutant la classe `"readonly"` à l’élément conteneur (`fr-fieldset__element`) de la case à cocher, d’associer du code CSS qui enlève les actions de la souris sur tout cet élément (déclaration `pointer-events: none;`), et d’utiliser l’attribut `tabindex` avec la valeur `"-1"` pour empêcher d’atteindre la case à cocher par le clavier.
+
+:::
 
 ## 📡 Événements
 
@@ -43,7 +51,7 @@ Le composant `DsfrCheckbox` est composé des éléments suivants :
 
 `DsfrCheckbox` fournit les slots suivants pour la personnalisation :
 
-- `label` : Permet de personnaliser le contenu complet du label associé à la case à cocher.
+- `label` : Permet de personnaliser le contenu complet du label associé à la case à cocher ;
 - `required-tip` : Permet d'ajouter un astérisque indiquant que le champ est obligatoire.
 
 ## 📝 Exemples
@@ -58,7 +66,7 @@ Le composant `DsfrCheckbox` est composé des éléments suivants :
 
 :::
 
-## ⚙️ Code source du composant
+## ⚙️ Code source du composant
 
 ::: code-group
 
diff --git a/src/components/DsfrCheckbox/DsfrCheckbox.types.ts b/src/components/DsfrCheckbox/DsfrCheckbox.types.ts
index 9c4150c2..a801445a 100644
--- a/src/components/DsfrCheckbox/DsfrCheckbox.types.ts
+++ b/src/components/DsfrCheckbox/DsfrCheckbox.types.ts
@@ -9,12 +9,16 @@ export type DsfrCheckboxProps = {
   modelValue: Array<unknown>
   small?: boolean
   inline?: boolean
+  readonly?: boolean
+  readonlyOpacity?: number
   label?: string
   errorMessage?: string
   validMessage?: string
   hint?: string
 }
 
+type PropsWithoutModelValue = Omit<DsfrCheckboxProps, 'modelValue'>
+
 export type DsfrCheckboxSetProps = {
   titleId?: string
   disabled?: boolean
@@ -24,7 +28,7 @@ export type DsfrCheckboxSetProps = {
   errorMessage?: string
   validMessage?: string
   legend?: string
-  options?: (DsfrCheckboxProps & InputHTMLAttributes)[]
+  options?: (PropsWithoutModelValue & InputHTMLAttributes)[]
   modelValue?: Array<unknown>
   ariaInvalid?: boolean
 }
diff --git a/src/components/DsfrCheckbox/DsfrCheckbox.vue b/src/components/DsfrCheckbox/DsfrCheckbox.vue
index 2938f15e..dd894429 100644
--- a/src/components/DsfrCheckbox/DsfrCheckbox.vue
+++ b/src/components/DsfrCheckbox/DsfrCheckbox.vue
@@ -17,6 +17,7 @@ const props = withDefaults(defineProps<DsfrCheckboxProps>(), {
   errorMessage: '',
   validMessage: '',
   label: '',
+  readonlyOpacity: 0.75,
 })
 
 const message = computed(() => props.errorMessage || props.validMessage)
@@ -28,7 +29,7 @@ const modelValue = defineModel()
 <template>
   <div
     class="fr-fieldset__element"
-    :class="{ 'fr-fieldset__element--inline': inline }"
+    :class="{ 'fr-fieldset__element--inline': inline, readonly }"
   >
     <div
       class="fr-checkbox-group"
@@ -49,6 +50,7 @@ const modelValue = defineModel()
         v-bind="$attrs"
         :data-testid="`input-checkbox-${id}`"
         :data-test="`input-checkbox-${id}`"
+        :tabindex="readonly ? -1 : undefined"
       >
       <label
         :for="id"
@@ -89,3 +91,11 @@ const modelValue = defineModel()
     </div>
   </div>
 </template>
+
+<style scoped>
+.fr-fieldset__element.readonly {
+  pointer-events: none;
+  cursor: not-allowed;
+  opacity: v-bind('readonlyOpacity');
+}
+</style>
diff --git a/src/components/DsfrCheckbox/DsfrCheckboxSet.md b/src/components/DsfrCheckbox/DsfrCheckboxSet.md
index cb69dbf0..8e17b18a 100644
--- a/src/components/DsfrCheckbox/DsfrCheckboxSet.md
+++ b/src/components/DsfrCheckbox/DsfrCheckboxSet.md
@@ -1,4 +1,4 @@
-## 🌟 Introduction
+## 🌟 Introduction
 
 Ce composant permet de gérer un ensemble de cases à cocher DSFR. Il est composé d'un libellé (`legend`), d'options individuelles représentées par le composant `DsfrCheckbox`, et d'un message d'information, d'erreur ou de validation global.
 
@@ -49,7 +49,7 @@ Ce n’était ni une API idéale, ni le comportement attendu en Vue natif ou en
 - `legend` : Permet de personnaliser le contenu de la légende.
 - `required-tip` : Permet d'ajouter plus qu’un astérisque pour indiquer que le champ est obligatoire ou d’autres détails sur cette case à cocher.
 
-## 🪆 Relation avec `DsfrCheckbox`
+## 🪆 Relation avec `DsfrCheckbox`
 
 `DsfrChecboxSet` utilise en interne `DsfrCheckbox`, et permet de récupérer dans `modelValue` sous forme de tableau les valeurs de la prop `value` de chaque case à cocher qui est cochée.
 
diff --git a/src/components/DsfrCheckbox/docs-demo/DsfrCheckboxDemo.vue b/src/components/DsfrCheckbox/docs-demo/DsfrCheckboxDemo.vue
index 471e58ea..9da588c7 100644
--- a/src/components/DsfrCheckbox/docs-demo/DsfrCheckboxDemo.vue
+++ b/src/components/DsfrCheckbox/docs-demo/DsfrCheckboxDemo.vue
@@ -77,6 +77,16 @@ const validMessage = 'Message de validation'
       :hint="hint"
       :valid-message="validMessage"
     />
+
+    <DsfrCheckbox
+      v-model="modelValue"
+      name="checkbox-readonly"
+      value="valide"
+      label="Case à cocher en lecture seule"
+      required
+      readonly
+      :hint="hint"
+    />
   </div>
 </template>
 
diff --git a/src/components/DsfrCheckbox/docs-demo/DsfrCheckboxSetDemo.vue b/src/components/DsfrCheckbox/docs-demo/DsfrCheckboxSetDemo.vue
index f8cc3fe6..28e04165 100644
--- a/src/components/DsfrCheckbox/docs-demo/DsfrCheckboxSetDemo.vue
+++ b/src/components/DsfrCheckbox/docs-demo/DsfrCheckboxSetDemo.vue
@@ -2,6 +2,7 @@
 import { ref } from 'vue'
 
 import DsfrCheckboxSet from '../DsfrCheckboxSet.vue'
+import type { DsfrCheckboxProps } from '../DsfrCheckbox.types'
 
 const modelValue1 = ref([])
 const modelValue2 = ref([])
@@ -10,7 +11,7 @@ const modelValue4 = ref([])
 const modelValue5 = ref([])
 const modelValue6 = ref([])
 
-const options1 = [
+const options1: Omit<DsfrCheckboxProps, 'modelValue'>[] = [
   {
     label: 'Première valeur',
     value: 'une chaîne en premier',
@@ -35,24 +36,24 @@ const options1 = [
 ]
 
 const options2 = structuredClone(options1).map(option => Object.fromEntries(
-  Object.entries(option).map(([key, value]) => [key, ['id', 'name'].includes(key) ? value.replace('name1', 'name2') : value]),
-))
+  Object.entries(option).map(([key, value]) => [key, ['id', 'name'].includes(key) ? (value as string).replace('name1', 'name2') : value]),
+)) as Omit<DsfrCheckboxProps, 'modelValue'>[]
 
 const options3 = structuredClone(options1).map(option => Object.fromEntries(
-  Object.entries(option).map(([key, value]) => [key, ['id', 'name'].includes(key) ? value.replace('name1', 'name3') : value]),
-))
+  Object.entries(option).map(([key, value]) => [key, ['id', 'name'].includes(key) ? (value as string).replace('name1', 'name3') : value]),
+)) as Omit<DsfrCheckboxProps, 'modelValue'>[]
 
 const options4 = structuredClone(options1).map(option => Object.fromEntries(
-  Object.entries(option).filter(([key]) => key !== 'hint').map(([key, value]) => [key, ['id', 'name'].includes(key) ? value.replace('name1', 'name4') : value]),
-))
+  Object.entries(option).filter(([key]) => key !== 'hint').map(([key, value]) => [key, ['id', 'name'].includes(key) ? (value as string).replace('name1', 'name4') : value]),
+)) as Omit<DsfrCheckboxProps, 'modelValue'>[]
 
 const options5 = structuredClone(options1).map(option => Object.fromEntries(
-  Object.entries(option).filter(([key]) => key !== 'hint').map(([key, value]) => [key, ['id', 'name'].includes(key) ? value.replace('name1', 'name5') : value]),
-))
+  Object.entries(option).filter(([key]) => key !== 'hint').map(([key, value]) => [key, ['id', 'name'].includes(key) ? (value as string).replace('name1', 'name5') : value]),
+)) as Omit<DsfrCheckboxProps, 'modelValue'>[]
 
 const options6 = structuredClone(options1).map(option => Object.fromEntries(
-  Object.entries(option).filter(([key]) => key !== 'hint').map(([key, value]) => [key, ['id', 'name'].includes(key) ? value.replace('name1', 'name6') : value]),
-))
+  Object.entries(option).filter(([key]) => key !== 'hint').map(([key, value]) => [key, ['id', 'name'].includes(key) ? (value as string).replace('name1', 'name6') : value]),
+)) as Omit<DsfrCheckboxProps, 'modelValue'>[]
 
 const errorMessage = 'Message d’erreur'
 const validMessage = 'Message de validation'
diff --git a/src/components/DsfrConsent/DsfrConsent.md b/src/components/DsfrConsent/DsfrConsent.md
index 0e588f72..4b215574 100644
--- a/src/components/DsfrConsent/DsfrConsent.md
+++ b/src/components/DsfrConsent/DsfrConsent.md
@@ -1,6 +1,6 @@
 # Gestionnaire de consentement - `DsfrConsent`
 
-## 🌟 Introduction
+## 🌟 Introduction
 
 Le gestionnaire de consentement permet à l'utilisateur de définir ses préférences sur l'utilisation de ses données personnelles, notamment le dépôt de cookies non fonctionnels dans son navigateur.
 
@@ -8,7 +8,7 @@ Le gestionnaire de consentement permet à l'utilisateur de définir ses préfér
 
 <VIcon name="vi-file-type-storybook" /> La story du gestionnaire de consentement sur le storybook de [VueDsfr](https://storybook.vue-ds.fr/?path=/docs/composants-dsfrconsent--docs)
 
-## 📐 Structure
+## 📐 Structure
 
 Le gestionnaire de consentement est constitué des éléments suivants :
 
@@ -51,7 +51,7 @@ Le gestionnaire de consentement est constitué des éléments suivants :
 
 Cf. la [documentation Vue](https://vuejs.org/guide/essentials/event-handling.html#accessing-event-argument-in-inline-handlers) pour plus de détails.
 
-## 📝 Exemple complet
+## 📝 Exemple complet
 
 ::: code-group
 
diff --git a/src/components/DsfrDataTable/DsfrDataTable.md b/src/components/DsfrDataTable/DsfrDataTable.md
index 3bc0fca7..f2f65da2 100644
--- a/src/components/DsfrDataTable/DsfrDataTable.md
+++ b/src/components/DsfrDataTable/DsfrDataTable.md
@@ -1,6 +1,6 @@
 # Tableau - `DsfrDataTable`
 
-## 🌟 Introduction
+## 🌟 Introduction
 
 Le composant `DsfrDataTable` est un élément puissant et polyvalent pour afficher des données sous forme de tableaux dans vos applications Vue. Utilisant une combinaison de slots, de props, et d'événements personnalisés, ce composant offre une flexibilité remarquable. Plongeons dans les détails !
 
@@ -16,11 +16,11 @@ Si vous avez des propositions, veuillez lancer une [**discussion**](https://gith
 
 <VIcon name="vi-file-type-storybook" /> La story sur le tableau de données sur le storybook de [VueDsfr](https://storybook.vue-ds.fr/?path=/docs/composants-dsfrdatatable--docs)
 
-## 📐 Structure
+## 📐 Structure
 
 Le composant `DsfrDataTable` s'utilise pour afficher des données structurées sous forme de tableau. Il prend en charge le tri des colonnes, la pagination des lignes, et l'ajout de boutons ou d'icônes pour effectuer des actions spécifiques sur les données.
 
-## Props 🛠️
+## 🛠️Props
 
 | Nom               | Type                                           | Défaut    | Obligatoire | Description                                                                                         |
 |-------------------|------------------------------------------------|-----------|-------------|-----------------------------------------------------------------------------------------------------|
@@ -44,7 +44,7 @@ Le composant `DsfrDataTable` s'utilise pour afficher des données structurées s
 | `bottomActionBarClass`      | `string \| Record<string, boolean> \| string[]`      | `undefined`              | Classe CSS pour la barre d'actions en bas du tableau.                                                                                        |
 | `paginationWrapperClass`    | `string \| Record<string, boolean> \| string[]`      | `undefined`              | Classe CSS pour l'élément englobant la pagination.                                                                                           |
 
-## Events 📡
+## 📡 Events
 
 | Nom                  | Payload | Description                                     |
 |----------------------|---------|----------------------------------------|
@@ -62,14 +62,14 @@ Vous pouvez donc utiliser `v-model` pour :
 - sortedBy
 - sortedDesc
 
-## 🧩 Slots
+## 🧩 Slots
 
 - **Slot par défaut**: Utilisé pour le corps du tableau. Par défaut, il affiche les rangées de données via `DsfrDataTableRow`.
 - **`header`** : Permet de personnaliser le rendu des en-têtes de colonne.
 - **`cell`** : Permet de personnaliser le contenu des cellules.
 - **`pagination`** : Permet de personnaliser la pagination affichée sous le tableau.
 
-## Exemples 📝
+## 📝 Exemples
 
 ### Exemple Basique
 
@@ -113,7 +113,7 @@ Vous pouvez donc utiliser `v-model` pour :
 
 :::
 
-## ⚙️ Code source du composant
+## ⚙️Code source du composant
 
 ::: code-group
 
diff --git a/src/components/DsfrErrorPage/DsfrErrorPage.md b/src/components/DsfrErrorPage/DsfrErrorPage.md
index 6c3212cf..21346a10 100644
--- a/src/components/DsfrErrorPage/DsfrErrorPage.md
+++ b/src/components/DsfrErrorPage/DsfrErrorPage.md
@@ -1,6 +1,6 @@
 # Page d’erreur - `DsfrErrorPage`
 
-## 🌟 Introduction
+## 🌟 Introduction
 
 Bonjour et bienvenue dans la documentation du composant DsfrErrorPage ! Ce composant est une merveilleuse façon de gérer les erreurs, spécialement les fameuses erreurs 404. Imaginez-vous en train de parcourir un charmant village français, mais soudain, vous vous retrouvez dans une impasse. Eh bien, DsfrErrorPage est là pour vous montrer le chemin de retour avec style et élégance !
 
@@ -14,17 +14,17 @@ Bonjour et bienvenue dans la documentation du composant DsfrErrorPage ! Ce com
 | `help`        | `string`    | `"Si vous avez tapé l'adresse web dans le navigateur, vérifiez..."`    |               | Conseil ou suggestion pour aider l'utilisateur.                                                                           |
 | `buttons`     | `Function`  | `() => []`
 
-## 📡 Événements
+## 📡Événements
 
 Ce composant ne déclenche pas d'événements spécifiques. Il est tranquille comme une petite ville française un dimanche matin.
 
-## 🧩 Slots
+## 🧩 Slots
 
 | Nom          | Description                                                             |
 |--------------|-------------------------------------------------------------------------|
 | `default`    | Slot par défaut. Utilisé pour insérer du contenu après ou à la place des boutons. Peut-être pour suggérer un retour à la page d'accueil ou un lien vers un site touristique local ? 🏰 |
 
-## 📝 Exemples
+## 📝 Exemples
 
 Voici un petit exemple pour illustrer comment utiliser `DsfrErrorPage` dans votre pittoresque application Vue :
 
diff --git a/src/components/DsfrFieldset/DsfrFieldset.md b/src/components/DsfrFieldset/DsfrFieldset.md
index 459838f6..855ad368 100644
--- a/src/components/DsfrFieldset/DsfrFieldset.md
+++ b/src/components/DsfrFieldset/DsfrFieldset.md
@@ -1,12 +1,12 @@
 # Regroupement de champs - `DsfrFieldset`
 
-## 🌟 Introduction
+## 🌟 Introduction
 
 Le regroupement de champs permet à l'utilisateur de lier de façon logique et visuelle des éléments de formulaire appartenant à un même ensemble.
 
 <VIcon name="vi-file-type-storybook" /> La story du regroupement de champs sur le storybook de [VueDsfr](https://storybook.vue-ds.fr/?path=/docs/composants-dsfrfieldset--docs)
 
-## 📐 Structure
+## 📐 Structure
 
 Le regroupement de champs est constitué des éléments suivants :
 
@@ -31,7 +31,7 @@ Le regroupement de champs est constitué des éléments suivants :
 - Un slot pour le contenu de la légende du fieldset (`legend`).
 - Un slot pour l'indice placé au dessus du contenu du fieldset (`hint`).
 
-## 📝 Exemple complet
+## 📝 Exemple complet
 
 ::: code-group
 
diff --git a/src/components/DsfrFileDownload/DsfrFileDownload.md b/src/components/DsfrFileDownload/DsfrFileDownload.md
index e076fc7c..b8f6406e 100644
--- a/src/components/DsfrFileDownload/DsfrFileDownload.md
+++ b/src/components/DsfrFileDownload/DsfrFileDownload.md
@@ -1,6 +1,6 @@
 # Téléchargement de fichier - `DsfrFileDownload`
 
-## 🌟 Introduction
+## 🌟 Introduction
 
 Le téléchargement de fichier permet à l'utilisateur de choisir un fichier à téléverser depuis son poste.
 
@@ -8,7 +8,7 @@ Le téléchargement de fichier permet à l'utilisateur de choisir un fichier à
 
 <VIcon name="vi-file-type-storybook" /> La story du téléchargement de fichier sur le storybook de [VueDsfr](https://storybook.vue-ds.fr/?path=/docs/composants-dsfrfiledownload--docs)
 
-## 📐 Structure
+## 📐 Structure
 
 Le téléchargement de fichier est constitué des éléments suivants :
 
@@ -28,7 +28,7 @@ Le téléchargement de fichier est constitué des éléments suivants :
 | `download`              | *`string`*    | `''`                         |             |
 | `title`                 | *`string`*    | `' Télécharger le document'` |             |
 
-## 📝 Exemple complet
+## 📝 Exemple complet
 
 ::: code-group
 
diff --git a/src/components/DsfrFileUpload/DsfrFileUpload.md b/src/components/DsfrFileUpload/DsfrFileUpload.md
index 7ff9a892..479f459b 100644
--- a/src/components/DsfrFileUpload/DsfrFileUpload.md
+++ b/src/components/DsfrFileUpload/DsfrFileUpload.md
@@ -1,6 +1,6 @@
 # Documentation du composant `DsfrFileUpload`
 
-## 🌟 Introduction
+## 🌟 Introduction
 
 Bienvenue dans la documentation du composant `DsfrFileUpload`. Ce composant est l'équivalent numérique d'une balade dans les ruelles pittoresques de Montmartre, mais pour télécharger vos fichiers. Que ce soit pour des photos de vacances ou des documents importants, `DsfrFileUpload` rend le processus simple et élégant.
 
@@ -20,14 +20,14 @@ Bienvenue dans la documentation du composant `DsfrFileUpload`. Ce composant est
 | `error`        | `string`    | `''`                    |               | Message d'erreur à afficher en cas de problème lors du téléchargement. |
 | `modelValue`   | `string`    | `''`                    |               | Valeur liée au modèle de l'input de téléchargement de fichier.|
 
-## 📡 Événements
+## 📡Événements
 
 | Nom                | Description                                                                        |
 |--------------------|------------------------------------------------------------------------------------|
 | `update:modelValue`| Événement émis lors de la mise à jour de la valeur du modèle liée au fichier.      |
 | `change`           | Événement émis lors du changement du fichier sélectionné.                           |
 
-## 📝 Exemples
+## 📝 Exemples
 
 Voici comment vous pourriez utiliser `DsfrFileUpload` :
 
diff --git a/src/components/DsfrFollow/DsfrFollow.md b/src/components/DsfrFollow/DsfrFollow.md
index 0cbcb9ad..2d508677 100644
--- a/src/components/DsfrFollow/DsfrFollow.md
+++ b/src/components/DsfrFollow/DsfrFollow.md
@@ -1,6 +1,6 @@
 # Suivre (lettre d’information et réseaux sociaux) - `DsfrFollow`
 
-## 🌟 Introduction
+## 🌟 Introduction
 
 Le composant `DsfrFollow` est un conteneur pratique permettant d'afficher une section combinée pour une inscription à une newsletter et une liste de réseaux sociaux. Idéal pour renforcer l'engagement des utilisateurs sur votre site, ce composant combine flexibilité et respect des standards de la [Design System de l'État Français (DSFR)](https://www.systeme-de-design.gouv.fr/).
 
@@ -8,7 +8,7 @@ Le composant `DsfrFollow` est un conteneur pratique permettant d'afficher une se
 
 <VIcon name="vi-file-type-storybook" /> La story sur « Suivre » sur le storybook de [VueDsfr](https://storybook.vue-ds.fr/?path=/docs/composants-dsfrfollow--docs)
 
-## 📐 Structure
+## 📐 Structure
 
 Le composant affiche une grille responsive contenant :
 
@@ -16,7 +16,7 @@ Le composant affiche une grille responsive contenant :
 - Une **section réseaux sociaux**, utilisant le composant `DsfrSocialNetworks`.
 - Un **slot par défaut**, permettant d'insérer un contenu personnalisé.
 
-## 🛠️ Props
+## 🛠️Props
 
 | Nom              | Type                                                      | Défaut       | Description                                                                 |
 |-------------------|-----------------------------------------------------------|--------------|-----------------------------------------------------------------------------|
@@ -24,7 +24,7 @@ Le composant affiche une grille responsive contenant :
 | `networks`       | `DsfrSocialNetwork[]`                                      | `[]`         | Liste des réseaux sociaux à afficher avec leurs détails (`type`, `name`, `href`). |
 | `onlyCallout`    | `boolean` (hérité de `DsfrNewsLetterProps`)                | `false`      | Indique si seule une version "callout" de la newsletter doit être utilisée. |
 
-### Props de `DsfrNewsLetter`
+### 🛠️Props de `DsfrNewsLetter`
 
 Voici les principales options de configuration pour `newsletterData` :
 
@@ -38,7 +38,7 @@ Voici les principales options de configuration pour `newsletterData` :
 | `buttonText`    | `string`                 | `undefined`  | Texte du bouton d'action.                                                  |
 | `buttonAction`  | `($event: MouseEvent) => void` | `undefined`  | Fonction déclenchée au clic du bouton.                                     |
 
-### Props de `DsfrSocialNetworks`
+### 🛠️Props de `DsfrSocialNetworks`
 
 Les réseaux sociaux (`networks`) sont des objets de type :
 
@@ -48,17 +48,17 @@ Les réseaux sociaux (`networks`) sont des objets de type :
 | `name` | `string`              | Nom à afficher pour le réseau social.                                     |
 | `href` | `string`              | URL vers le profil ou la page sociale.                                    |
 
-## 📡 Événements
+## 📡Événements
 
 Aucun événement spécifique n'est émis par ce composant. Les événements doivent être gérés via les props des sous-composants `DsfrNewsLetter` et `DsfrSocialNetworks`.
 
-## 🧩 Slots
+## 🧩 Slots
 
 | Nom     | Contenu                                                                                      |
 |---------|----------------------------------------------------------------------------------------------|
 | `default` | Permet d'insérer du contenu personnalisé dans le conteneur global du composant.             |
 
-## 📝 Exemples
+## 📝 Exemples
 
 ### Exemple de base
 
diff --git a/src/components/DsfrFollow/DsfrNewsLetter.md b/src/components/DsfrFollow/DsfrNewsLetter.md
index 1338e151..445f91ad 100644
--- a/src/components/DsfrFollow/DsfrNewsLetter.md
+++ b/src/components/DsfrFollow/DsfrNewsLetter.md
@@ -1,6 +1,6 @@
 # Composant `DsfrNewsLetter`
 
-## 🌟 Introduction
+## 🌟 Introduction
 
 Le composant `DsfrNewsLetter` est conçu pour afficher un formulaire d'inscription à une lettre d'information (newsletter) respectant les standards du [Design System de l'État Français (DSFR)](https://www.systeme-de-design.gouv.fr/). Flexible et accessible, il s'adapte à différents cas d'usage grâce à ses props personnalisables.
 
@@ -8,7 +8,7 @@ Le composant `DsfrNewsLetter` est conçu pour afficher un formulaire d'inscripti
 
 <VIcon name="vi-file-type-storybook" /> La story sur la lettre d’information sur le storybook de [VueDsfr](https://storybook.vue-ds.fr/?path=/docs/composants-dsfrnewsletter--docs)
 
-## 📐 Structure
+## 📐 Structure
 
 Le composant offre deux modes :
 
@@ -34,45 +34,17 @@ Le composant offre deux modes :
 | `buttonAction` | `($event: MouseEvent) => void`    | `() => undefined`                                                                          | Action personnalisée exécutée au clic du bouton en mode callout.            |
 | `onlyCallout`  | `boolean`                         | `false`                                                                                    | Active le mode "callout" avec un simple bouton au lieu du formulaire complet. |
 
-## 📡 Événements
+## 📡Événements
 
 | Nom               | Payload    | Description                                                                     |
 |--------------------|------------|---------------------------------------------------------------------------------|
 | `update:email`    | `string`   | Émis lorsque l'utilisateur modifie le champ email.                              |
 
-## 🧩 Slots
+## 🧩 Slots
 
 Aucun slot disponible pour ce composant.
 
-## 📝 Exemples
-
-### Exemple de base (formulaire)
-
-```vue
-<DsfrNewsLetter
-  :title="'Recevez nos actualités !'"
-  :description="'Inscrivez-vous pour recevoir notre newsletter.'"
-  :buttonText="'Envoyer'"
-  :placeholder="'nom@exemple.com'"
-  @update:email="(email) => console.log('Email mis à jour :', email)"
-/>
-```
-
-## 📝 Exemples
-
-### Exemple de base
-
-```vue
-<DsfrFollow>
-  <DsfrNewsLetter
-    :onlyCallout="true"
-    :buttonText="'S’inscrire maintenant'"
-    :buttonAction="() => console.log('Bouton cliqué !')"
-  />
-</DsfrFollow>
-```
-
-### Exemple complet
+## 📝 Exemple
 
 ::: code-group
 
@@ -84,7 +56,7 @@ Aucun slot disponible pour ce composant.
 
 :::
 
-## ⚙️ Code source du composant
+## ⚙️Code source du composant
 
 ::: code-group
 
diff --git a/src/components/DsfrFollow/DsfrSocialNetworks.md b/src/components/DsfrFollow/DsfrSocialNetworks.md
index bb146b16..f18b448e 100644
--- a/src/components/DsfrFollow/DsfrSocialNetworks.md
+++ b/src/components/DsfrFollow/DsfrSocialNetworks.md
@@ -1,6 +1,6 @@
 # Réseaux Sociaux - `DsfrSocialNetworks`
 
-## 🌟 Introduction
+## 🌟 Introduction
 
 Le composant `DsfrSocialNetworks` est conçu pour afficher une liste de boutons vers des réseaux sociaux, avec un style conforme au [Design System de l'État Français (DSFR)](https://www.systeme-de-design.gouv.fr/). Il permet d'encourager les utilisateurs à suivre votre organisation sur les plateformes sociales.
 
@@ -8,7 +8,7 @@ Le composant `DsfrSocialNetworks` est conçu pour afficher une liste de boutons
 
 <VIcon name="vi-file-type-storybook" /> La story sur Réseaux Sociaux sur le storybook de [VueDsfr](https://storybook.vue-ds.fr/?path=/docs/composants-dsfrsocialnetworks--docs)
 
-## 📐 Structure
+## 📐 Structure
 
 Le composant affiche :
 
@@ -21,7 +21,7 @@ Chaque bouton :
 - affiche le nom du réseau ;
 - redirige vers l'URL spécifiée en ouvrant un nouvel onglet.
 
-## 🛠️ Props
+## 🛠️Props
 
 | Nom         | Type                                   | Défaut     | Description                                                                 |
 |-------------|----------------------------------------|------------|-----------------------------------------------------------------------------|
@@ -38,15 +38,15 @@ Chaque réseau est un objet de type :
 | `name` | `string`              | Nom affiché pour le réseau social.                                          |
 | `href` | `string`              | URL vers le profil ou la page sociale.                                      |
 
-## 📡 Événements
+## 📡Événements
 
 Aucun événement spécifique n'est émis par ce composant.
 
-## 🧩 Slots
+## 🧩 Slots
 
 Aucun slot disponible pour ce composant.
 
-## 📝 Exemples
+## 📝 Exemples
 
 ### Exemple de base
 
diff --git a/src/components/DsfrFooter/DsfrFooter.md b/src/components/DsfrFooter/DsfrFooter.md
index 078e376a..04c4d0ff 100644
--- a/src/components/DsfrFooter/DsfrFooter.md
+++ b/src/components/DsfrFooter/DsfrFooter.md
@@ -1,6 +1,6 @@
 # Pied de page - `DsfrFooter`
 
-## 🌟 Introduction
+## 🌟 Introduction
 
 Le `DsfrFooter` est un composant Vue.js pour créer un pied de page personnalisé sur un site web. Il permet d'intégrer des logos, des liens vers des partenaires, des liens légaux, et d'autres éléments essentiels dans un pied de page.
 
@@ -10,7 +10,7 @@ Le pied de page est présent sur l’ensemble des pages du site. Il est situé e
 
 <VIcon name="vi-file-type-storybook" /> La story sur le pied de page sur le storybook de [VueDsfr](https://storybook.vue-ds.fr/?path=/docs/composants-dsfrfooter--docs)
 
-## 📐 Structure
+## 📐 Structure
 
 Ce composant se structure en plusieurs parties, incluant :
 
@@ -68,16 +68,16 @@ const afterMandatoryLinks = [
 C’est le cas dans [l’exemple](#📝-exemple).
 :::
 
-## 📡 Événements
+## 📡Événements
 
 Aucun événement spécifique pour ce composant.
 
-## 🧩 Slots
+## 🧩 Slots
 
 1. `footer-link-lists` : Permet de personnaliser les listes de liens dans la partie supérieure du pied de page.
 2. `description` : Pour personnaliser la description dans le corps du pied de page.
 
-## 📝 Exemple
+## 📝 Exemple
 
 ::: code-group
 
diff --git a/src/components/DsfrFooter/DsfrFooterLink.md b/src/components/DsfrFooter/DsfrFooterLink.md
index fdefbb78..a4beafe4 100644
--- a/src/components/DsfrFooter/DsfrFooterLink.md
+++ b/src/components/DsfrFooter/DsfrFooterLink.md
@@ -1,6 +1,6 @@
 # Lien de pied de page - `DsfrFooterLink`
 
-## 🌟 Introduction
+## 🌟 Introduction
 
 Le composant `DsfrFooterLink` de Vue.js permet de créer des liens personnalisés dans le pied de page. Ce composant versatile gère différents types de liens (boutons, liens internes, externes, e-mail) et peut être enrichi d'icônes.
 
@@ -8,7 +8,7 @@ Le composant `DsfrFooterLink` de Vue.js permet de créer des liens personnalisé
 
 <VIcon name="vi-file-type-storybook" /> La story sur le pied de page sur le storybook de [VueDsfr](https://storybook.vue-ds.fr/?path=/docs/composants-dsfrfooter--docs)
 
-## 🐨 Structure
+## 📐 Structure
 
 Le composant se compose d'une balise `<script>` avec TypeScript pour la logique et d'une balise `<template>` pour le rendu. La logique détermine le type de lien et la gestion des icônes. Le rendu HTML est dynamique en fonction des propriétés et des conditions d'affichage des icônes.
 
@@ -25,13 +25,13 @@ Le composant se compose d'une balise `<script>` avec TypeScript pour la logique
 | `to`        | `import('vue-router').RouteLocationRaw`            |  `undefined`       |             |
 | `path`      | `string`                             | `undefined`     |             |
 
-## 📡 Événements
+## 📡Événements
 
 | Nom                 | Description                                                                  |
 |---------------------|------------------------------------------------------------------------------|
 | `click` | Événement émis lors du clic sur le lien.               |
 
-## 📝 Exemples
+## 📝 Exemples
 
 Ce composant est utilisé en interne dans DsfrFooter, il n’y a pas de raison de l’utiliser en dehors.
 
diff --git a/src/components/DsfrFooter/DsfrFooterLinkList.md b/src/components/DsfrFooter/DsfrFooterLinkList.md
index 7b88085c..10ef1f41 100644
--- a/src/components/DsfrFooter/DsfrFooterLinkList.md
+++ b/src/components/DsfrFooter/DsfrFooterLinkList.md
@@ -1,10 +1,10 @@
 # Liste de lien du pied de page - `DsfrFooterLinkList`
 
-## 🌟 Introduction
+## 🌟 Introduction
 
 Le composant `DsfrFooterLinkList` est un élément de liste personnalisable pour les pieds de page. Il permet d'afficher une liste de liens catégorisés, adaptés à des besoins variés, notamment pour les sites web ayant besoin d'un pied de page structuré et accessible.
 
-## 📐 Structure
+## 📐 Structure
 
 Le composant se compose de deux parties principales :
 
@@ -18,15 +18,15 @@ Le composant se compose de deux parties principales :
 | `categoryName` | `string` | `'Nom de la catégorie'` | Le nom de la catégorie de liens affichée. |
 | `links` | `Array<DsfrFooterLinkProps>` | `[]` | Un tableau d'objets représentant les liens à afficher. Chaque objet peut avoir les propriétés de `DsfrFooterLinkProps`. |
 
-## 📡 Événements
+## 📡Événements
 
 Pas d'événements émis directement par ce composant.
 
-## 🧩 Slots
+## 🧩 Slots
 
 Aucun slot n'est disponible pour ce composant. Tout est basé sur les props fournies pour générer la vue.
 
-## 📝 Exemples
+## 📝 Exemples
 
 Ce composant est utilisé en interne dans DsfrFooter, il n’y a pas de raison de l’utiliser en dehors.
 
diff --git a/src/components/DsfrFooter/DsfrFooterPartners.md b/src/components/DsfrFooter/DsfrFooterPartners.md
index 50a9d107..db6abb28 100644
--- a/src/components/DsfrFooter/DsfrFooterPartners.md
+++ b/src/components/DsfrFooter/DsfrFooterPartners.md
@@ -1,10 +1,10 @@
 # Liste de partenaires de pied de page - `DsfrFooterPartners`
 
-## 🌟 Introduction
+## 🌟 Introduction
 
 Le composant `DsfrFooterPartners` est conçu pour afficher une liste de partenaires dans le pied de page d'un site web. Il permet d'ajouter un partenaire principal et une série de sous-partenaires avec leurs logos et liens. C'est un composant utile pour valoriser les collaborations et apporter une visibilité supplémentaire aux partenaires d'une organisation ou d'un projet.
 
-## 📐 Structure
+## 📐 Structure
 
 - `<DsfrFooterPartners>` : Le composant principal.
   - Affiche le titre du bloc partenaires, s'il est fourni.
@@ -19,15 +19,15 @@ Le composant `DsfrFooterPartners` est conçu pour afficher une liste de partenai
 | `subPartners`  | `DsfrFooterPartner[]`   | Tableau d'objets représentant les sous-partenaires.                             | `[]`              |
 | `title`        | `string`                | Titre de la section des partenaires.                                            | `''`              |
 
-## 📡 Événements
+## 📡Événements
 
 Ce composant ne déclenche pas d'événements spécifiques.
 
-## 🧩 Slots
+## 🧩 Slots
 
 Aucun slot n'est prévu dans ce composant. Le contenu est entièrement basé sur les props.
 
-## 📝 Exemples
+## 📝 Exemples
 
 Ce composant est utilisé en interne dans DsfrHeader. Il n’y a pas de raison de l’utiliser en dehors.
 
diff --git a/src/components/DsfrFranceConnect/DsfrFranceConnect.md b/src/components/DsfrFranceConnect/DsfrFranceConnect.md
index 754e0424..04703502 100644
--- a/src/components/DsfrFranceConnect/DsfrFranceConnect.md
+++ b/src/components/DsfrFranceConnect/DsfrFranceConnect.md
@@ -1,6 +1,6 @@
 # Bouton FranceConnect(+) - `DsfrFranceConnect`
 
-## 🌟 Introduction
+## 🌟 Introduction
 
 Le bouton FranceConnect permet à une administration (ou un fournisseur de logiciel agissant pour le compte d’une administration) de proposer une connexion ou une création de compte simplifiée.
 
@@ -14,7 +14,7 @@ Le bouton FranceConnect est primordial dans l’usage du service FranceConnect.
 
 <VIcon name="vi-file-type-storybook" /> La story sur le bouton FranceConnect sur le storybook de [VueDsfr](https://storybook.vue-ds.fr/?path=/docs/composants-dsfrfranceconnect--docs)
 
-## 📐 Structure
+## 📐 Structure
 
 - Contient un bouton pour la connexion via FranceConnect.
 - Inclut un lien d'aide pour plus d'informations sur FranceConnect.
@@ -26,15 +26,15 @@ Le bouton FranceConnect est primordial dans l’usage du service FranceConnect.
 | `secure`      | `boolean` | Indique si le bouton doit utiliser la version sécurisée FranceConnect+.  | `false`                                           |
 | `url`         | `string`  | URL personnalisée pour la connexion (ne doit servir que pour le développement).                                    | `undefined`                                       |
 
-## 📡 Événements
+## 📡Événements
 
 Ce composant ne déclenche pas d'événements spécifiques.
 
-## 🧩 Slots
+## 🧩 Slots
 
 Pas de slot.
 
-## 📝 Exemple
+## 📝 Exemple
 
 ::: code-group
 
diff --git a/src/components/DsfrHeader/DsfrHeader.md b/src/components/DsfrHeader/DsfrHeader.md
index 7b8188d0..920a6b65 100644
--- a/src/components/DsfrHeader/DsfrHeader.md
+++ b/src/components/DsfrHeader/DsfrHeader.md
@@ -1,6 +1,6 @@
 # En-tête - `DsfrHeader`
 
-## 🌟 Introduction
+## 🌟 Introduction
 
 Salut les développeurs ! Découvrez `DsfrHeader`, le composant d'en-tête ultra-flexible pour vos applications Vue. Conçu pour mettre en valeur votre service et vos partenaires avec style, il intègre une barre de recherche, des liens rapides, et même un emplacement pour un logo personnalisé. Préparez-vous à donner à votre application une tête bien pensée !
 
@@ -8,7 +8,7 @@ Salut les développeurs ! Découvrez `DsfrHeader`, le composant d'en-tête ultra
 
 <VIcon name="vi-file-type-storybook" /> La story sur l’en-tête sur le storybook de [VueDsfr](https://storybook.vue-ds.fr/?path=/docs/composants-dsfrheader--docs)
 
-## Structure
+## 📐 Structure
 
 L’en-tête est composé :
 
@@ -43,7 +43,7 @@ L’en-tête est composé :
 | `closeMenuModalLabel` | *`string`*                  | `'Fermer'`           |             | Label du bouton de fermeture du menu en mode modal.                                   |
 | `homeLabel`           | *`string`*                  | `'Accueil'`          |             | Label de l'accueil composant le titre du lien présentant le service.                  |
 
-## 📡 Événements
+## 📡Événements
 
 | Nom               | Description                                      | Charge utile |
 |-------------------|--------------------------------------------------| ---- |
@@ -51,7 +51,7 @@ L’en-tête est composé :
 | search            | Émis lorsqu’une recherche est effectuée.         | Contenu (`string`) du champ de saisie pour la recherche |
 | languageSelect            | Émis lorsque l’utilisateur change la langue du site.         | Contenu (`string`) du champ de saisie pour la recherche |
 
-## 🧩 Slots
+## 🧩 Slots
 
 | Nom                  | Description                                                    |
 |----------------------|----------------------------------------------------------------|
@@ -61,7 +61,7 @@ L’en-tête est composé :
 | mainnav              | Slot pour le menu de navigation principal.               |
 | default              | Slot par défaut pour le contenu supplémentaire dans l'en-tête. |
 
-## 📝 Exemples
+## 📝 Exemples
 
 ::: code-group
 
diff --git a/src/components/DsfrHeader/DsfrHeaderMenuLink.md b/src/components/DsfrHeader/DsfrHeaderMenuLink.md
index a538a006..bf3a8d61 100644
--- a/src/components/DsfrHeader/DsfrHeaderMenuLink.md
+++ b/src/components/DsfrHeader/DsfrHeaderMenuLink.md
@@ -1,10 +1,10 @@
 # Lien d’en-tête - `DsfrHeaderMenuLink`
 
-## 🌟 Introduction
+## 🌟 Introduction
 
 Le composant `DsfrHeaderMenuLink` offre une flexibilité pour des liens internes, externes, des boutons, et même des liens mailto, tout en intégrant la possibilité d'ajouter des icônes du DSFR ou grâce à `Iconify` (cf. la documentation sur les [icônes VueDsfr](/guide/icones)).
 
-## 📐 Structure
+## 📐 Structure
 
 - `<DsfrHeaderMenuLink>` : Le composant principal.
   - Utilise `<component :is="...">` pour rendre dynamiquement le bon type d'élément (lien, bouton, ou RouterLink).
@@ -24,15 +24,15 @@ Le composant `DsfrHeaderMenuLink` offre une flexibilité pour des liens internes
 | `to`        | `import('vue-router').RouteLocationRaw`                 | Destination pour le routeur Vue, si utilisé comme lien de navigation interne.                      | `undefined`       |
 | `href`      | `string`                           | URL pour les liens externes.                                                                       | `undefined`       |
 
-## 📡 Événements
+## 📡Événements
 
 - `click` : Événement déclenché lorsque l'utilisateur clique sur le composant.
 
-## 🧩 Slots
+## 🧩 Slots
 
 Pas de slots spécifiques pour ce composant. Il utilise le `label` pour afficher le texte du lien ou du bouton.
 
-## 📝 Exemples
+## 📝 Exemples
 
 Ce composant est utilisé en interne dans DsfrHeader. Il n’y a pas de raison de l’utiliser en dehors.
 
diff --git a/src/components/DsfrHeader/DsfrHeaderMenuLinks.md b/src/components/DsfrHeader/DsfrHeaderMenuLinks.md
index a44263b1..903dfe33 100644
--- a/src/components/DsfrHeader/DsfrHeaderMenuLinks.md
+++ b/src/components/DsfrHeader/DsfrHeaderMenuLinks.md
@@ -1,10 +1,10 @@
 # Liste de liens d’en-tête - `DsfrHeaderMenuLinks`
 
-## 🌟 Introduction
+## 🌟 Introduction
 
 Le composant `DsfrHeaderMenuLinkList` fournit une structure de navigation sous forme de liste, en utilisant le composant `DsfrHeaderMenuLink`.
 
-## 📐 Structure
+## 📐 Structure
 
 - `<DsfrHeaderMenuLinkList>` : Le composant principal.
   - Englobe une liste `<ul>` de `<DsfrHeaderMenuLink>`.
@@ -17,15 +17,15 @@ Le composant `DsfrHeaderMenuLinkList` fournit une structure de navigation sous f
 | `links`        | `DsfrHeaderMenuLinkProps[]`      | Un tableau d'objets de props pour chaque `DsfrHeaderMenuLink`.            | `[]`                |
 | `navAriaLabel` | `string`                         | Label ARIA pour la navigation, utile pour l'accessibilité.                | `'Menu secondaire'` |
 
-## 📡 Événements
+## 📡Événements
 
 - `linkClick` : Événement déclenché lorsque l'un des liens est cliqué. Fournit l'événement de clic (`MouseEvent`) comme paramètre.
 
-## 🧩 Slots
+## 🧩 Slots
 
 Pas de slots spécifiques. Le contenu est généré dynamiquement en fonction de la prop `links`.
 
-## 📝 Exemples
+## 📝 Exemples
 
 Ce composant est utilisé en interne dans DsfrHeader. Il n’y a pas de raison de l’utiliser en dehors.
 
diff --git a/src/components/DsfrHighlight/DsfrHighlight.md b/src/components/DsfrHighlight/DsfrHighlight.md
index e26dddc5..eec03f1f 100644
--- a/src/components/DsfrHighlight/DsfrHighlight.md
+++ b/src/components/DsfrHighlight/DsfrHighlight.md
@@ -1,6 +1,6 @@
 # Mise en exergue - `DsfrHighlight`
 
-## 🌟 Introduction
+## 🌟 Introduction
 
 La mise en exergue permet à l’utilisateur de distinguer et repérer une information facilement.
 
@@ -10,7 +10,7 @@ Le composant `DsfrHighlight` est conçu pour mettre en exergue un texte ou un co
 
 <VIcon name="vi-file-type-storybook" /> La story sur le tag sur le storybook de [VueDsfr](https://storybook.vue-ds.fr/?path=/docs/composants-dsfrtags--docs)
 
-## 📐 Structure
+## 📐 Structure
 
 - `<DsfrHighlight>` : Le composant principal.
   - Affiche un texte avec un style de mise en valeur.
@@ -25,15 +25,15 @@ Le composant `DsfrHighlight` est conçu pour mettre en exergue un texte ou un co
 | `large`   | `boolean` | Si vrai, affiche le texte en grande taille.                   | `false`           |
 | `color`   | `string` | Doit être une des valeurs de couleurs du DSFR (ex. : `'green-emeraude'` ou `'brown-caramel'`)                   | `false`           |
 
-## 📡 Événements
+## 📡Événements
 
 Ce composant ne déclenche pas d'événements spécifiques.
 
-## 🧩 Slots
+## 🧩 Slots
 
 - `default` : Slot pour insérer du contenu personnalisé dans la mise en exergue.
 
-## 📝 Exemples
+## 📝 Exemples
 
 ::: code-group
 
diff --git a/src/components/DsfrInput/DsfrInput.md b/src/components/DsfrInput/DsfrInput.md
index 4b9b2f19..359c370b 100644
--- a/src/components/DsfrInput/DsfrInput.md
+++ b/src/components/DsfrInput/DsfrInput.md
@@ -1,10 +1,10 @@
 # Champ de saisie - `DsfrInput`
 
-## 🌟 Introduction
+## 🌟 Introduction
 
 Le composant `DsfrInput`, outil essentiel dans l'arsenal de tout développeur Vue ! Que ce soit pour saisir votre nom de fromage préféré ou la date de votre dernière visite à la Tour Eiffel, `DsfrInput` est là pour rendre la saisie de données aussi douce qu'un croissant frais le matin 🥐 (oui, on aime bien les croissants par ici).
 
-## 🛠️ Props
+## 🛠️Props
 
 | Nom             | Type          | Défaut                  | Obligatoire   | Description                                                                                                 |
 |-----------------|---------------|-------------------------|---------------|-------------------------------------------------------------------------------------------------------------|
@@ -52,7 +52,7 @@ Exemple :
 
 :::
 
-## 📡 Événements
+## 📡Événements
 
 | Nom                 | Description                                                                  |
 |---------------------|------------------------------------------------------------------------------|
@@ -60,7 +60,7 @@ Exemple :
 
 ---
 
-## 🧩 Slots
+## 🧩 Slots
 
 | Nom              | Description                                                                                       |
 |------------------|---------------------------------------------------------------------------------------------------|
@@ -69,7 +69,7 @@ Exemple :
 
 ---
 
-## 📝 Exemples
+## 📝 Exemples
 
 Exemple simple d'utilisation de `DsfrInput` :
 
diff --git a/src/components/DsfrInput/DsfrInputGroup.md b/src/components/DsfrInput/DsfrInputGroup.md
index d715d5e0..e8b0cb14 100644
--- a/src/components/DsfrInput/DsfrInputGroup.md
+++ b/src/components/DsfrInput/DsfrInputGroup.md
@@ -1,6 +1,6 @@
 # Groupe de champs de saisie - `DsfrInputGroup`
 
-## 🌟 Introduction
+## 🌟 Introduction
 
 Bienvenue dans la documentation du composant `DsfrInputGroup`, conçu pour envelopper vos champs de saisie avec une élégance à la française. Que vous composiez un message d'amour ou remplissiez un formulaire administratif, ce composant est là pour apporter de l'ordre et de la clarté à vos interfaces utilisateur.
 
@@ -30,20 +30,20 @@ Cf. la [note important sur DsfrInput](./DsfrInput.md#attributs-implicitement-de
 
 :::
 
-## 📡 Événements
+## 📡Événements
 
 | Nom                 | Description                                                                  |
 |---------------------|------------------------------------------------------------------------------|
 | `update:modelValue` | Événement émis lors de la mise à jour de la valeur de l'input.               |
 
-## 🧩 Slots
+## 🧩 Slots
 
 | Nom             | Description                                                                                       |
 |-----------------|---------------------------------------------------------------------------------------------------|
 | `before-input`  | Slot pour insérer du contenu avant le champ de saisie principal.                                  |
 | `default`       | Slot par défaut pour le contenu principal du groupe de champ. Utilisé pour insérer des éléments personnalisés. |
 
-## 📝 Exemples
+## 📝 Exemples
 
 Voici comment vous pourriez utiliser `DsfrInputGroup` :
 
diff --git a/src/components/DsfrLanguageSelector/DsfrLanguageSelector.md b/src/components/DsfrLanguageSelector/DsfrLanguageSelector.md
index a0fcc05c..bcea03c3 100644
--- a/src/components/DsfrLanguageSelector/DsfrLanguageSelector.md
+++ b/src/components/DsfrLanguageSelector/DsfrLanguageSelector.md
@@ -1,6 +1,6 @@
 # Sélecteur de langue - Translate - `DsfrLanguageSelector`
 
-## 🌟 Introduction
+## 🌟 Introduction
 
 Le sélecteur de langue permet à l’utilisateur de choisir la langue dans laquelle est affichée le contenu du site, si celui-ci est disponible en plusieurs langues.
 
@@ -16,7 +16,7 @@ Ce composant est utilisé en interne dans [DsfrHeader](/composants/DsfrHeader) (
 
 <VIcon name="vi-file-type-storybook" /> La story sur le **sélecteur de langue** sur le storybook de [VueDsfr](https://storybook.vue-ds.fr/?path=/docs/composants-dsfrlanguageselector--docs)
 
-## 📐 Structure
+## 📐 Structure
 
 - `<DsfrLanguageSelector>` : Le composant principal.
   - Contient un bouton qui ouvre ou ferme un menu déroulant de langues.
@@ -30,15 +30,15 @@ Ce composant est utilisé en interne dans [DsfrHeader](/composants/DsfrHeader) (
 | `languages`        | [`DsfrLanguageSelectorElement[]`](/types#dsfrlanguageselector) | Liste des langues disponibles. Chaque langue est représentée par un objet contenant un `codeIso` et un `label`. | `[]`                      |
 | `currentLanguage`  | `string`                      | Code ISO de la langue actuellement sélectionnée.              | `'fr'`                    |
 
-## 📡 Événements
+## 📡Événements
 
 - `select` : Événement émis lorsqu'une langue est sélectionnée. Passe l'objet `DsfrLanguageSelectorElement` de la langue sélectionnée en tant que payload.
 
-## 🧩 Slots
+## 🧩 Slots
 
 - `default` : Ce slot permet d'insérer du contenu personnalisé dans le bouton qui affiche la langue sélectionnée.
 
-## 📝 Exemples
+## 📝 Exemples
 
 ::: code-group
 
diff --git a/src/components/DsfrLogo/DsfrLogo.md b/src/components/DsfrLogo/DsfrLogo.md
index b7adb9b2..cefff03a 100644
--- a/src/components/DsfrLogo/DsfrLogo.md
+++ b/src/components/DsfrLogo/DsfrLogo.md
@@ -1,12 +1,12 @@
 # Logo - `DsfrLogo`
 
-## 🌟 Introduction
+## 🌟 Introduction
 
 Le composant `DsfrLogo` est utilisé pour afficher le logo institutionnel du Gouvernement français, en respectant les spécifications du [Design System de l'État Français (DSFR)](https://www.systeme-de-design.gouv.fr/). Ce composant permet d'afficher un texte simple ou multi-lignes représentant le logo, avec des options pour ajuster la taille.
 
 <VIcon name="vi-file-type-storybook" /> La story sur Logo sur le storybook de [VueDsfr](https://storybook.vue-ds.fr/?path=/docs/composants-dsfrlogo--docs)
 
-## 📐 Structure
+## 📐 Structure
 
 Le composant affiche un élément `<p>` avec la classe CSS `fr-logo`, et des classes supplémentaires pour les variations de taille. Le texte du logo peut être personnalisé pour répondre à vos besoins.
 
@@ -18,15 +18,15 @@ Le composant affiche un élément `<p>` avec la classe CSS `fr-logo`, et des cla
 | `large`     | `boolean`           | `false`         | Affiche le logo en grande taille (`fr-logo--lg`).                           |
 | `logoText`  | `string | string[]` | `'Gouvernement'` | Texte ou tableau de textes à afficher comme logo. Les éléments du tableau sont séparés par un saut de ligne (`<br>`). |
 
-## 📡 Événements
+## 📡Événements
 
 Aucun événement spécifique n'est émis par ce composant.
 
-## 🧩 Slots
+## 🧩 Slots
 
 Aucun slot disponible pour ce composant.
 
-## 📝 Exemples
+## 📝 Exemples
 
 ### Exemple de base
 
diff --git a/src/components/DsfrMedia/DsfrPicture.md b/src/components/DsfrMedia/DsfrPicture.md
index e190a77f..a6602071 100644
--- a/src/components/DsfrMedia/DsfrPicture.md
+++ b/src/components/DsfrMedia/DsfrPicture.md
@@ -6,13 +6,13 @@ Les contenus médias désignent vos contenus photos et vidéos. Lorsqu’ils son
 
 <VIcon name="vi-file-type-storybook" /> La story sur le contenu média image (picture) sur le storybook de [VueDsfr](https://storybook.vue-ds.fr/?path=/docs/composants-dsfrpicture--docs)
 
-## 🌟 Introduction
+## 🌟 Introduction
 
 Le composant `DsfrPicture` permet d'afficher une image de manière responsive, avec une légende optionnelle. Il est conçu pour être flexible, offrant des options pour personnaliser la taille, le ratio, et le contenu de l'image. Ce composant est idéal pour intégrer des images dans une interface utilisateur tout en garantissant leur adaptabilité et accessibilité.
 
 Le `DsfrPicture` utilise une structure HTML sémantique avec `<figure>` et `<figcaption>` pour améliorer l'accessibilité. Il applique des classes CSS conditionnelles pour ajuster la taille et le ratio de l'image en fonction des props fournies. Le slot par défaut permet une personnalisation avancée du contenu de l'image.
 
-## 📐 Structure
+## 📐 Structure
 
 - `<DsfrPicture>` : Le composant principal.
   - Affiche une image avec un ratio et une taille personnalisés.
@@ -30,15 +30,15 @@ Le `DsfrPicture` utilise une structure HTML sémantique avec `<figure>` et `<fig
 | `title`   | `string`                            | Titre de l'image, affiché au survol.                       | `''`              |
 | `ratio`   | `string`                            | Ratio de l'image (par exemple, '16x9').                    | `'16x9'`          |
 
-## 📡 Événements
+## 📡Événements
 
 Ce composant ne déclenche pas d'événements spécifiques.
 
-## 🧩 Slots
+## 🧩 Slots
 
 - `default` : Slot pour insérer un contenu personnalisé (comme une image SVG). Si aucun contenu n'est fourni, l'image spécifiée par `src` est utilisée.
 
-## 📝 Exemples
+## 📝 Exemples
 
 ::: code-group
 
diff --git a/src/components/DsfrMedia/DsfrVideo.md b/src/components/DsfrMedia/DsfrVideo.md
index f4fcca33..1d3f64d0 100644
--- a/src/components/DsfrMedia/DsfrVideo.md
+++ b/src/components/DsfrMedia/DsfrVideo.md
@@ -6,13 +6,13 @@ Les contenus médias désignent vos contenus photos et vidéos. Lorsqu’ils son
 
 <VIcon name="vi-file-type-storybook" /> La story sur le contenus média video sur le storybook de [VueDsfr](https://storybook.vue-ds.fr/?path=/docs/composants-dsfrvideo--docs)
 
-## 🌟 Introduction
+## 🌟 Introduction
 
 Le composant `DsfrVideo` permet d'intégrer une vidéo responsive avec une légende et une transcription. Il s'agit d'une solution complète pour afficher des vidéos dans une interface utilisateur, tout en fournissant des fonctionnalités d'accessibilité telles que la transcription du contenu vidéo.
 
 Le `DsfrVideo` utilise un élément `<iframe>` pour intégrer la vidéo de manière responsive. Il ajuste automatiquement la taille et le ratio de la vidéo en fonction des props fournies. Le composant inclut également un sous-composant `DsfrTranscription` pour afficher la transcription du contenu vidéo, améliorant ainsi l'accessibilité.
 
-## 📐 Structure
+## 📐 Structure
 
 - `<DsfrVideo>` : Le composant principal.
   - Affiche une vidéo à partir d'une URL.
@@ -30,15 +30,15 @@ Le `DsfrVideo` utilise un élément `<iframe>` pour intégrer la vidéo de mani
 | `transcriptionContent` | `string` | Contenu de la transcription (si disponible).                             | `''`              |
 | `ratio`                | `string` | Ratio de la vidéo (par exemple, '16x9').                                 | `'16x9'`          |
 
-## 📡 Événements
+## 📡Événements
 
 Ce composant ne déclenche pas d'événements spécifiques.
 
-## 🧩 Slots
+## 🧩 Slots
 
 Ce composant n'utilise pas de slots.
 
-## 📝 Exemples
+## 📝 Exemples
 
 ::: code-group
 
diff --git a/src/components/DsfrModal/DsfrModal.md b/src/components/DsfrModal/DsfrModal.md
index c6b26ee0..b41ba03d 100644
--- a/src/components/DsfrModal/DsfrModal.md
+++ b/src/components/DsfrModal/DsfrModal.md
@@ -1,6 +1,6 @@
 # Modale - `DsfrModal`
 
-## 🌟 Introduction
+## 🌟 Introduction
 
 La modale permet de concentrer l’attention de l’utilisateur exclusivement sur une tâche ou un élément d’information, sans perdre le contexte de la page en cours. Ce composant nécessite une action de l’utilisateur afin d'être ouvert ou fermé.
 
@@ -10,7 +10,7 @@ Le composant `DsfrModal` est une fenêtre modale configurable, offrant des fonct
 
 <VIcon name="vi-file-type-storybook" /> La story sur la modale sur le storybook de [VueDsfr](https://storybook.vue-ds.fr/?path=/docs/composants-dsfrmodal--docs)
 
-## 📐 Structure
+## 📐 Structure
 
 La modale par défaut permet de mettre en évidence une information qui ne nécessite pas d’action de l’utilisateur. Elle s’affiche à la suite du clic sur un bouton.
 
@@ -36,16 +36,16 @@ Elle se compose des éléments suivants :
 | `closeButtonLabel`   | `string`                       | Label du bouton de fermeture˘.                                                                                 | `'Fermer'`                                                     |              |
 | `closeButtonTitle`   | `string`                       | Titre pour le bouton de fermeture (pour l'accessibilité).                                                      | `'Fermer la fenêtre modale'`                                   |              |
 
-## 📡 Événements
+## 📡Événements
 
 - `close` : Événement émis lorsque la modale est fermée.
 
-## 🧩 Slots
+## 🧩 Slots
 
 - `default` : Slot pour le contenu principal de la modale.
 - `footer` : Slot pour le pied de page de la modale, contenant les boutons d'action supplémentaires.
 
-## 📝 Exemples
+## 📝 Exemples
 
 ### Modale simple
 
diff --git a/src/components/DsfrMultiselect/DsfrMultiselect.md b/src/components/DsfrMultiselect/DsfrMultiselect.md
index 69913ebe..dad660d1 100644
--- a/src/components/DsfrMultiselect/DsfrMultiselect.md
+++ b/src/components/DsfrMultiselect/DsfrMultiselect.md
@@ -1,6 +1,6 @@
 # Liste déroulante enrichie - `DsfrMultiselect`
 
-## 🌟 Introduction
+## 🌟 Introduction
 
 Le `DsfrMultiselect` est un composant Vue permettant à un utilisateur de choisir un ou plusieurs élément dans une liste donnée.
 
@@ -8,7 +8,7 @@ La liste déroulante fournit une liste d’option parmi lesquelles l’utilisate
 
 🏅 La documentation sur **liste déroulante riche** sur le [DSFR](https://www.systeme-de-design.gouv.fr/composants-et-modeles/composants-beta/liste-deroulante-riche)
 
-## 📐 Structure
+## 📐 Structure
 
 1. Libellé - Obligatoire (prop `label`)
 2. Une description - Optionnelle (prop `hint` ou slot `hint`)
@@ -83,7 +83,7 @@ Si DsfrMultiselect est placé dans une iframe, il n'aura pas accès aux clics ex
 
 :::
 
-## 📡 Évenements
+## 📡Évenements
 
 `DsfrMultiselect` émet l'événement suivant :
 
@@ -91,7 +91,7 @@ Si DsfrMultiselect est placé dans une iframe, il n'aura pas accès aux clics ex
 |--------------------|--------------------------|----------------------------------------------|
 | `update:modelValue`| *`Array<(T \| string \| number)>`* | Est émis lorsque la valeur du select change. |
 
-## 🧩 Slots
+## 🧩 Slots
 
 `DsfrMultiselect` permet les slots suivants :
 
@@ -105,7 +105,7 @@ Si DsfrMultiselect est placé dans une iframe, il n'aura pas accès aux clics ex
 | `checkbox-label`   | *`(props: { option: T \| string \| number })`* | Permet de changer le label des checkboxs.                               |
 | `no-results`       |                                                | Permet de changer l'affichage lorsque la recherche donne aucun élément. |
 
-## 📝 Exemples
+## 📝 Exemples
 
 ### Exemple Basique
 
diff --git a/src/components/DsfrNotice/DsfrNotice.md b/src/components/DsfrNotice/DsfrNotice.md
index 880f9cde..94aa0bfe 100644
--- a/src/components/DsfrNotice/DsfrNotice.md
+++ b/src/components/DsfrNotice/DsfrNotice.md
@@ -1,6 +1,6 @@
 # Bandeau d'information importante - `DsfrNotice`
 
-## 🌟 Introduction
+## 🌟 Introduction
 
 Le bandeau d’information importante permet aux utilisateurs de voir ou d’accéder à une information importante et temporaire.
 
@@ -10,7 +10,7 @@ Il est affiché sur l’ensemble des pages en desktop et en mobile. Il affiche u
 
 <VIcon name="vi-file-type-storybook" /> La story sur le bandeau d’information importante sur le storybook de [VueDsfr](https://storybook.vue-ds.fr/?path=/docs/composants-dsfrnotice--docs)
 
-## 📐 Structure
+## 📐 Structure
 
 La notice est composée des éléments suivants :
 
diff --git a/src/components/DsfrPagination/DsfrPagination.md b/src/components/DsfrPagination/DsfrPagination.md
index 134e51b8..c415afad 100644
--- a/src/components/DsfrPagination/DsfrPagination.md
+++ b/src/components/DsfrPagination/DsfrPagination.md
@@ -1,6 +1,6 @@
 # Pagination - `DsfrPagination`
 
-## 🌟 Introduction
+## 🌟 Introduction
 
 Le composant `DsfrPagination` est un système de pagination conforme aux bonnes pratiques ergonomiques et accessible (ARIA). Il permet de naviguer facilement à travers plusieurs pages avec des fonctionnalités avancées comme la limitation de pages affichées et la gestion des événements.
 
@@ -8,7 +8,7 @@ Le composant `DsfrPagination` est un système de pagination conforme aux bonnes
 
 <VIcon name="vi-file-type-storybook" /> La story sur le tag sur le storybook de [VueDsfr](https://storybook.vue-ds.fr/?path=/docs/composants-dsfrpagination--docs)
 
-## 📐 Structure
+## 📐 Structure
 
 Ce composant affiche des liens pour la première page, la précédente, les pages centrales, la suivante, et la dernière, avec des contrôles adaptatifs selon l'état de la pagination.
 
@@ -24,7 +24,7 @@ Ce composant affiche des liens pour la première page, la précédente, les page
 | `nextPageTitle`  | `string`             | `'Page suivante'`   | Texte d'info-bulle pour le lien de la page suivante.                                            |
 | `prevPageTitle`  | `string`             | `'Page précédente'` | Texte d'info-bulle pour le lien de la page précédente.                                          |
 
-## 📡 Événements
+## 📡Événements
 
 | Nom                      | Payload       | Description                                             |
 |--------------------------|---------------|---------------------------------------------------------|
@@ -32,11 +32,11 @@ Ce composant affiche des liens pour la première page, la précédente, les page
 
 Il faut donc utiliser `v-model:current-page` sur le composant (cf. l’exemple ci-dessous).
 
-## 🧩 Slots
+## 🧩 Slots
 
 Ce composant n'utilise pas de slots, tout est configuré via les props et les données des pages. 🚀
 
-## 📝 Exemple d'utilisation
+## 📝 Exemple d'utilisation
 
 ::: code-group
 
diff --git a/src/components/DsfrQuote/DsfrQuote.md b/src/components/DsfrQuote/DsfrQuote.md
index 566f1adf..88785ee0 100644
--- a/src/components/DsfrQuote/DsfrQuote.md
+++ b/src/components/DsfrQuote/DsfrQuote.md
@@ -1,6 +1,6 @@
 # Citation - `DsfrQuote`
 
-## 🌟 Introduction
+## 🌟 Introduction
 
 Le composant `DsfrQuote` permet d’afficher une citation stylisée, accompagnée d’un auteur, d’une source, et éventuellement d’une image illustrative. Ce composant respecte les standards du [Design System de l'État Français (DSFR)](https://www.systeme-de-design.gouv.fr/) pour offrir une présentation élégante et accessible.
 
@@ -8,7 +8,7 @@ Le composant `DsfrQuote` permet d’afficher une citation stylisée, accompagné
 
 <VIcon name="vi-file-type-storybook" /> La story sur les liens d’évitement sur le storybook de [VueDsfr](https://storybook.vue-ds.fr/?path=/docs/composants-dsfrquote--docs)
 
-## 📐 Structure
+## 📐 Structure
 
 Le composant affiche :
 
@@ -29,15 +29,15 @@ Le composant affiche :
 | `sourceUrl`  | `string`                          | `''`         | URL de la source, utilisée pour l’attribut `cite` du bloc de citation.     |
 | `quoteImage` | `string`                          | `''`         | URL de l’image illustrative associée à la citation.                        |
 
-## 📡 Événements
+## 📡Événements
 
 Aucun événement spécifique n'est émis par ce composant.
 
-## 🧩 Slots
+## 🧩 Slots
 
 Aucun slot disponible pour ce composant.
 
-## 📝 Exemples
+## 📝 Exemples
 
 ### Exemple de base
 
diff --git a/src/components/DsfrRadioButton/DsfrRadioButton.md b/src/components/DsfrRadioButton/DsfrRadioButton.md
index 5c0543a3..41e357bc 100644
--- a/src/components/DsfrRadioButton/DsfrRadioButton.md
+++ b/src/components/DsfrRadioButton/DsfrRadioButton.md
@@ -1,6 +1,6 @@
 # Bouton radio (et bouton radio riche) - `DsfrRadioButton`
 
-## 🌟 Introduction
+## 🌟 Introduction
 
 ::: warning Important
 
@@ -61,7 +61,7 @@ Le composant `DsfrRadioButton` est composé des éléments suivants :
 - `label` : Permet de personnaliser le contenu de la légende.
 - `required-tip` : Permet d'ajouter un astérisque indiquant que le champ est obligatoire (fonctionne uniquement si l'attribut `required` est défini sur le composant).
 
-## 🪆 Relation avec `DsfrRadioButtonSet`
+## 🪆 Relation avec `DsfrRadioButtonSet`
 
 Le composant [`DsfrRadioButtonSet`](./DsfrRadioButtonSet.md) utilise le composant `DsfrRadioButton` pour rendre visuellement chaque option du groupe. Chaque bouton radio individuel hérite des props du composant `DsfrRadioButtonSet` excepté `modelValue`.
 
diff --git a/src/components/DsfrRadioButton/DsfrRadioButtonSet.md b/src/components/DsfrRadioButton/DsfrRadioButtonSet.md
index 0dedb0bf..674a49c6 100644
--- a/src/components/DsfrRadioButton/DsfrRadioButtonSet.md
+++ b/src/components/DsfrRadioButton/DsfrRadioButtonSet.md
@@ -1,6 +1,6 @@
 # Groupe de Bouton radio (et bouton radio riche) - `DsfrRadioButtonSet`
 
-## 🌟 Introduction
+## 🌟 Introduction
 
 Les groupes de boutons radio (riches) permettent d’éviter d’écrire plusieurs fois le composant [`DsfrRadioButton`](./DsfrRadioButton), il est fortement conseillé de l’utiliser plutôt que de répéter `DsfrRadioButton`.
 
@@ -209,7 +209,7 @@ const options = [
 - `hint` : Permet de personnaliser le contenu d'un hint.
 - `required-tip` : Permet d'ajouter un astérisque indiquant que le champ est obligatoire (fonctionne uniquement si l'attribut `required` est défini sur le composant).
 
-## 🪆 Relation avec `DsfrRadioButton`
+## 🪆 Relation avec `DsfrRadioButton`
 
 Le composant `DsfrRadioButtonSet` utilise le composant `DsfrRadioButton` pour rendre visuellement chaque option du groupe. Chaque bouton radio individuel hérite des props du composant `DsfrRadioButtonSet` excepté `modelValue`.
 
diff --git a/src/components/DsfrRange/DsfrRange.md b/src/components/DsfrRange/DsfrRange.md
index 3bd2cb41..06a752b0 100644
--- a/src/components/DsfrRange/DsfrRange.md
+++ b/src/components/DsfrRange/DsfrRange.md
@@ -1,6 +1,6 @@
 # Curseur - `DsfrRange`
 
-## 🌟 Introduction
+## 🌟 Introduction
 
 Bienvenue dans la documentation du `DsfrRange`, un composant Vue qui va slider dans votre coeur comme un croissant bien chaud glisse dans votre petit déjeuner. Ce composant est un véritable couteau suisse pour les curseurs, capable de tout faire, de l'affichage simple à la gestion de valeurs doubles. Mettez vos ceintures, on décolle !
 
@@ -10,7 +10,7 @@ Les curseurs sont des entrées numériques qui permettent de voir graphiquement
 
 <VIcon name="vi-file-type-storybook" /> La story sur le curseur importante sur le storybook de [VueDsfr](https://storybook.vue-ds.fr/?path=/docs/composants-dsfrnotice--docs)
 
-## 📐 Structure
+## 📐 Structure
 
 - Le composant est encapsulé dans une `div` avec la classe `fr-range-group`, qui peut afficher un message d'erreur via `message`.
 - Le `label` est affiché en haut, suivi par un texte d'indice (`hint`) si fourni.
@@ -42,7 +42,7 @@ Les curseurs sont des entrées numériques qui permettent de voir graphiquement
 
 - **`update:modelValue`**: Émis lors de la modification de la valeur du curseur. Renvoie la nouvelle valeur.
 
-## 📝 Exemple
+## 📝 Exemple
 
 ::: code-group
 
diff --git a/src/components/DsfrSearchBar/DsfrSearchBar.md b/src/components/DsfrSearchBar/DsfrSearchBar.md
index 42a1ac32..27505750 100644
--- a/src/components/DsfrSearchBar/DsfrSearchBar.md
+++ b/src/components/DsfrSearchBar/DsfrSearchBar.md
@@ -1,6 +1,6 @@
 # Barre de recherche - `DsfrSearchBar`
 
-## 🌟 Introduction
+## 🌟 Introduction
 
 La barre de recherche est un système de navigation qui permet à l'utilisateur d’accéder rapidement à un contenu en lançant une recherche sur un mot clé ou une expression.
 
@@ -27,12 +27,12 @@ La barre de recherche se compose des éléments suivants :
 | `large`     | `Boolean`| `false`           |             | Si `true`, utilise une version plus grande de la barre de recherche.    |
 | `disabled`  | `Boolean` | `false`          |             | Si `true`, désactive la barre de recherche.                             |
 
-## 📡 Événements
+## 📡Événements
 
 - **`update:modelValue`**: Événement émis lorsque la valeur de la barre de recherche est mise à jour.
 - **`search`**: Événement émis lors de l'exécution d'une recherche.
 
-## 📝 Exemple
+## 📝 Exemple
 
 ::: code-group
 
diff --git a/src/components/DsfrSegmented/DsfrSegmented.md b/src/components/DsfrSegmented/DsfrSegmented.md
index dae60753..6e23d8f8 100644
--- a/src/components/DsfrSegmented/DsfrSegmented.md
+++ b/src/components/DsfrSegmented/DsfrSegmented.md
@@ -1,6 +1,6 @@
 # Documentation du Composant `DsfrSegmented`
 
-## 🌟 Introduction
+## 🌟 Introduction
 
 👋 Bonjour et bienvenue dans la documentation de `DsfrSegmented`, un composant radio boutonné avec une touche de « je ne sais quoi » à la française! C'est chic, c'est pratique, et en plus, ça supporte des icônes. Alors, allons-y !
 
@@ -44,7 +44,7 @@ Le composant « contrôle segmenté » incite l'utilisateur à choisir entre
 
 Pas de slots ici ! Ce composant est aussi direct qu'un express Paris-Marseille.
 
-## 📝 Exemple
+## 📝 Exemple
 
 ```vue
 <DsfrSegmented
diff --git a/src/components/DsfrSegmented/DsfrSegmentedSet.md b/src/components/DsfrSegmented/DsfrSegmentedSet.md
index f0a11991..1b82e7a2 100644
--- a/src/components/DsfrSegmented/DsfrSegmentedSet.md
+++ b/src/components/DsfrSegmented/DsfrSegmentedSet.md
@@ -38,7 +38,7 @@ Le composant « contrôle segmenté » incite l'utilisateur à choisir entre
 1. **slot par défaut**: Permet de personnaliser les boutons radio individuellement.
 2. **Slot `legend`**: Permet de personnaliser la légende avec du contenu riche.
 
-## 📝 Exemple
+## 📝 Exemple
 
 ```vue
 <DsfrSegmentedSet
diff --git a/src/components/DsfrSelect/DsfrSelect.md b/src/components/DsfrSelect/DsfrSelect.md
index fbb3934b..c649c902 100644
--- a/src/components/DsfrSelect/DsfrSelect.md
+++ b/src/components/DsfrSelect/DsfrSelect.md
@@ -1,6 +1,6 @@
 # Liste déroulante - `DsfrSelect`
 
-## 🌟 Introduction
+## 🌟 Introduction
 
 Le `DsfrSelect` est un composant Vue permettant à un utilisateur de choisir un élément dans une liste donnée.
 
@@ -27,7 +27,7 @@ La liste déroulante fournit une liste d’option parmi lesquelles l’utilisate
 | `defaultUnselectedText`  | `string`                                                                                    | `'Sélectionner une option'` |             | Si `true`, l'infobulle s'affiche au survol.                      |
 | `selectId`               | `string`                                                                                    | `useRandomId('select')`     |             | Identifiant unique pour le select. Utilisé pour l'accessibilité. |
 
-## 📡 Évenements
+## 📡Évenements
 
 `DsfrSelect` émet l'événement suivant :
 
@@ -35,11 +35,11 @@ La liste déroulante fournit une liste d’option parmi lesquelles l’utilisate
 |-----------------------|----------------------| ---------------------------------------------|
 | `update:modelValue`   | *`string \| number`* | Est émis lorsque la valeur du select change. |
 
-## 🧩 Slots
+## 🧩 Slots
 
 - Aucun slot n'est disponible dans ce ce composant.
 
-## 📝 Exemples
+## 📝 Exemples
 
 ::: code-group
 
diff --git a/src/components/DsfrShare/DsfrShare.md b/src/components/DsfrShare/DsfrShare.md
index 032f4172..85972cd5 100644
--- a/src/components/DsfrShare/DsfrShare.md
+++ b/src/components/DsfrShare/DsfrShare.md
@@ -1,6 +1,6 @@
 # Partage - `DsfrShare`
 
-## 🌟 Introduction
+## 🌟 Introduction
 
 Le composant `DsfrShare` permet d’ajouter une fonctionnalité de partage sur une page, en respectant les standards du [Design System de l'État Français (DSFR)](https://www.systeme-de-design.gouv.fr/). Il propose des boutons configurables pour partager via des réseaux sociaux, par email ou en copiant le lien dans le presse-papier.
 
@@ -8,7 +8,7 @@ Le composant `DsfrShare` permet d’ajouter une fonctionnalité de partage sur u
 
 <VIcon name="vi-file-type-storybook" /> La story sur le partage sur le storybook de [VueDsfr](https://storybook.vue-ds.fr/?path=/docs/composants-dsfrshare--docs)
 
-## 📐 Structure
+## 📐 Structure
 
 Le composant affiche :
 
@@ -46,15 +46,15 @@ Les boutons sont stylisés avec des classes spécifiques et peuvent ouvrir une n
 | `label` | `string` | Texte affiché sur le bouton du réseau social.    |
 | `url`   | `string` | URL de partage pour le réseau social.            |
 
-## 📡 Événements
+## 📡Événements
 
 Aucun événement spécifique n'est émis par ce composant.
 
-## 🧩 Slots
+## 🧩 Slots
 
 Aucun slot disponible pour ce composant.
 
-## 📝 Exemples
+## 📝 Exemples
 
 ### Exemple de base
 
diff --git a/src/components/DsfrSkipLinks/DsfrSkipLinks.md b/src/components/DsfrSkipLinks/DsfrSkipLinks.md
index 05a2c13f..d95a0199 100644
--- a/src/components/DsfrSkipLinks/DsfrSkipLinks.md
+++ b/src/components/DsfrSkipLinks/DsfrSkipLinks.md
@@ -1,6 +1,6 @@
 # Liens d’évitement - `DsfrSkipLinks`
 
-## 🌟 Introduction
+## 🌟 Introduction
 
 Le composant `DsfrSkipLinks` fournit des liens d'accès rapide, permettant aux utilisateurs de naviguer directement vers des sections clés de la page. Ce composant est particulièrement utile pour améliorer l'accessibilité, notamment pour les utilisateurs de lecteurs d'écran ou de navigation clavier, en respectant les standards du [Design System de l'État Français (DSFR)](https://www.systeme-de-design.gouv.fr/).
 
@@ -8,7 +8,7 @@ Le composant `DsfrSkipLinks` fournit des liens d'accès rapide, permettant aux u
 
 <VIcon name="vi-file-type-storybook" /> La story sur les liens d’évitement sur le storybook de [VueDsfr](https://storybook.vue-ds.fr/?path=/docs/composants-dsfrskiplinks--docs)
 
-## 📐 Structure
+## 📐 Structure
 
 Le composant affiche :
 
@@ -28,15 +28,15 @@ Le composant affiche :
 | `id`  | `string` | Identifiant de l'élément cible (doit correspondre à un `id` dans la page). |
 | `text`| `string` | Texte affiché pour le lien d'accès rapide.                   |
 
-## 📡 Événements
+## 📡Événements
 
 Aucun événement spécifique n'est émis par ce composant.
 
-## 🧩 Slots
+## 🧩 Slots
 
 Aucun slot disponible pour ce composant.
 
-## 📝 Exemples
+## 📝 Exemples
 
 ### Exemple de base
 
diff --git a/src/components/DsfrStepper/DsfrStepper.md b/src/components/DsfrStepper/DsfrStepper.md
index 50bf58bf..f8cf292e 100644
--- a/src/components/DsfrStepper/DsfrStepper.md
+++ b/src/components/DsfrStepper/DsfrStepper.md
@@ -1,6 +1,6 @@
 # Étapier (indicateur d’étapes) - `DsfrStepper`
 
-## 🌟 Introduction
+## 🌟 Introduction
 
 Le composant `DsfrStepper` est un guide visuel permettant d’indiquer à l’utilisateur sa progression dans une série d’étapes. Il est conforme au [Design System de l'État Français (DSFR)](https://www.systeme-de-design.gouv.fr/) et peut être utilisé dans des processus multi-étapes tels que des formulaires ou des parcours utilisateur.
 
@@ -8,7 +8,7 @@ Le composant `DsfrStepper` est un guide visuel permettant d’indiquer à l’ut
 
 <VIcon name="vi-file-type-storybook" /> La story sur l’étapier sur le storybook de [VueDsfr](https://storybook.vue-ds.fr/?path=/docs/composants-dsfrstepper--docs)
 
-## 📐 Structure
+## 📐 Structure
 
 Le composant affiche :
 
@@ -29,15 +29,15 @@ Le composant affiche :
 - **`steps`** : La longueur de cette liste détermine le nombre total d'étapes.
 - **`currentStep`** : Le numéro d'étape actuel. Si sa valeur dépasse le nombre d'étapes, le composant affiche un état invalide.
 
-## 📡 Événements
+## 📡Événements
 
 Aucun événement spécifique n'est émis par ce composant.
 
-## 🧩 Slots
+## 🧩 Slots
 
 Aucun slot disponible pour ce composant.
 
-## 📝 Exemples
+## 📝 Exemples
 
 ### Exemple de base
 
diff --git a/src/components/DsfrSummary/DsfrSummary.md b/src/components/DsfrSummary/DsfrSummary.md
index 874b1309..4c1396ce 100644
--- a/src/components/DsfrSummary/DsfrSummary.md
+++ b/src/components/DsfrSummary/DsfrSummary.md
@@ -1,6 +1,6 @@
 # Sommaire - `DsfrSummary`
 
-## 🌟 Introduction
+## 🌟 Introduction
 
 Le composant `DsfrSummary` est conçu pour afficher un sommaire accessible et stylisé selon les standards du [Design System de l'État Français (DSFR)](https://www.systeme-de-design.gouv.fr/). Il est idéal pour améliorer la navigation dans une page en proposant des liens vers les différentes sections.
 
@@ -8,7 +8,7 @@ Le composant `DsfrSummary` est conçu pour afficher un sommaire accessible et st
 
 <VIcon name="vi-file-type-storybook" /> La story sur le sommaire sur le storybook de [VueDsfr](https://storybook.vue-ds.fr/?path=/docs/composants-dsfrsummary--docs)
 
-## 📐 Structure
+## 📐 Structure
 
 Le composant affiche :
 
@@ -29,15 +29,15 @@ Le composant affiche :
 | `link` | `string` | URL ou ancre vers laquelle le lien doit pointer (ex. `#section1`). |
 | `name` | `string` | Texte affiché pour l'ancre.                          |
 
-## 📡 Événements
+## 📡Événements
 
 Aucun événement spécifique n'est émis par ce composant.
 
-## 🧩 Slots
+## 🧩 Slots
 
 Aucun slot disponible pour ce composant.
 
-## 📝 Exemples
+## 📝 Exemples
 
 ### Exemple de base
 
diff --git a/src/components/DsfrTable/DsfrTable.md b/src/components/DsfrTable/DsfrTable.md
index fad44817..76140c7d 100644
--- a/src/components/DsfrTable/DsfrTable.md
+++ b/src/components/DsfrTable/DsfrTable.md
@@ -1,6 +1,6 @@
 # Tableau - `DsfrTable`
 
-## 🌟 Introduction
+## 🌟 Introduction
 
 Le composant `DsfrTable` est un élément puissant et polyvalent pour afficher des données sous forme de tableaux dans vos applications Vue. Utilisant une combinaison de slots, de props, et d'événements personnalisés, ce composant offre une flexibilité remarquable. Plongeons dans les détails !
 
@@ -25,18 +25,18 @@ Pour des tableaux complexes, nous vous recommandons d’utiliser [DsfrDataTable]
 | `currentPage`     | `number`                                       | `1`       |             | La page actuelle dans la pagination du tableau.                                                     |
 | `resultsDisplayed`| `number`                                       | `10`      |             | Le nombre de résultats affichés par page dans la pagination.                                        |
 
-## 📡 Événements
+## 📡Événements
 
 | Nom                  | Description                                     |
 |----------------------|-------------------------------------------------|
 | `update:currentPage` | Émis lors du changement de la page actuelle.    |
 
-## 🧩 Slots
+## 🧩 Slots
 
 - **`header`**: Ce slot permet de personnaliser les en-têtes du tableau. Par défaut, il utilise [`DsfrTableHeaders`](./DsfrTableHeader.md) avec les props `headers`.
 - **Slot par défaut**: Utilisé pour le corps du tableau. Par défaut, il affiche les rangées de données via `DsfrTableRow`.
 
-## 📝 Exemples
+## 📝 Exemples
 
 ### Exemple Basique
 
diff --git a/src/components/DsfrTable/DsfrTableCell.md b/src/components/DsfrTable/DsfrTableCell.md
index c9441c5a..84266c99 100644
--- a/src/components/DsfrTable/DsfrTableCell.md
+++ b/src/components/DsfrTable/DsfrTableCell.md
@@ -1,6 +1,6 @@
 # Cellule de tableau - `DsfrTableCell`
 
-## 🌟 Introduction
+## 🌟 Introduction
 
 `DsfrTableCell`, c'est la cellule magique de vos tableaux Vue ! Ce composant flexible gère l'affichage de chaque cellule, avec la possibilité d'inclure du texte, des composants personnalisés, et plus encore. Découvrons ensemble comment l'utiliser au mieux.
 
@@ -21,7 +21,7 @@ Utilisez la propriété component pour insérer des composants Vue personnalisé
 
 :::
 
-## 📝 Exemples
+## 📝 Exemples
 
 ### Exemple de Texte Simple
 
diff --git a/src/components/DsfrTable/DsfrTableHeader.md b/src/components/DsfrTable/DsfrTableHeader.md
index 1408a541..f64178a5 100644
--- a/src/components/DsfrTable/DsfrTableHeader.md
+++ b/src/components/DsfrTable/DsfrTableHeader.md
@@ -16,7 +16,7 @@ Parfait pour ajouter du texte et des icônes personnalisées, ce composant est u
 | `headerAttrs`| `Object`                      | `{}`   |             | Les attributs HTML supplémentaires pour l'élément `<th>`.      |
 | `icon`       | `string \| Object \| undefined` | `undefined` |         | L'icône à afficher dans l'en-tête. Peut être une chaîne ou un objet pour les icônes personnalisées. |
 
-## 📝 Exemples
+## 📝 Exemples
 
 ### Exemple basique
 
diff --git a/src/components/DsfrTable/DsfrTableHeaders.md b/src/components/DsfrTable/DsfrTableHeaders.md
index d0a8e880..8cbe4795 100644
--- a/src/components/DsfrTable/DsfrTableHeaders.md
+++ b/src/components/DsfrTable/DsfrTableHeaders.md
@@ -1,6 +1,6 @@
 # En-têtes de tableau
 
-## 🌟 Introduction
+## 🌟 Introduction
 
 Bienvenue dans la documentation du composant `DsfrTableHeaders`! Ce composant est comme le maestro d'un orchestre, orchestrant l'affichage des en-têtes de vos tableaux Vue avec élégance et précision. Allons-y pour découvrir ses caractéristiques.
 
@@ -18,11 +18,11 @@ Bienvenue dans la documentation du composant `DsfrTableHeaders`! Ce composant es
 
 - **`DsfrTableHeadersProps`**: Un tableau composé d'objets ou de chaînes. Un objet peut avoir une propriété `text` (chaîne) pour le texte de l'en-tête et `headerAttrs` (objet) pour les attributs HTML supplémentaires à appliquer sur l'en-tête.
 
-## 🧩 Slots
+## 🧩 Slots
 
 Pas de slots spécifiques pour ce composant. Il s'agit principalement d'un composant utilitaire pour `DsfrTable`.
 
-## 📝 Exemples
+## 📝 Exemples
 
 ### Exemple Basique
 
diff --git a/src/components/DsfrTable/DsfrTableRow.md b/src/components/DsfrTable/DsfrTableRow.md
index 2703f344..96be74ce 100644
--- a/src/components/DsfrTable/DsfrTableRow.md
+++ b/src/components/DsfrTable/DsfrTableRow.md
@@ -14,11 +14,11 @@ Rencontrez `DsfrTableRow`, le composant incontournable pour structurer les ligne
 - **`rowData`**: Un tableau contenant les données de chaque cellule. Chaque élément peut être une chaîne ou un objet avec des propriétés supplémentaires pour la cellule.
 - **`rowAttrs`**: Un objet représentant des attributs HTML supplémentaires, comme des classes ou des styles, à appliquer sur la rangée.
 
-## 🧩 Slots
+## 🧩 Slots
 
 - **Slot par défaut**: Utilisé pour insérer du contenu personnalisé dans la rangée du tableau, avant les cellules générées automatiquement.
 
-## 📝 Exemples
+## 📝 Exemples
 
 ### Exemple basique
 
diff --git a/src/components/DsfrTabs/DsfrTabContent.md b/src/components/DsfrTabs/DsfrTabContent.md
index 1d9b1e79..95571b13 100644
--- a/src/components/DsfrTabs/DsfrTabContent.md
+++ b/src/components/DsfrTabs/DsfrTabContent.md
@@ -1,12 +1,12 @@
 # Contenu d’onglet - `DsfrTabContent`
 
-## 🌟 Introduction
+## 🌟 Introduction
 
 Le composant `DsfrTabContent` est conçu pour être utilisé comme panneau de contenu dans une interface à onglets. Il utilise une transition fluide pour animer l'affichage du contenu de l'onglet sélectionné.
 
 Ce composant **doit** s’utiliser dans un [`DsfrTabs`](/composants/DsfrTabs).
 
-## 📐 Structure
+## 📐 Structure
 
 - `<DsfrTabContent>` : Le composant principal.
   - Affiche le contenu associé à un onglet.
@@ -20,15 +20,15 @@ Ce composant **doit** s’utiliser dans un [`DsfrTabs`](/composants/DsfrTabs).
 | `panelId`   | `string`  | ID unique pour le panneau, utilisé pour l'accessibilité.         | `obligatoire`     |
 | `tabId`     | `string`  | ID unique de l'onglet associé, utilisé pour l'accessibilité.     | `obligatoire`     |
 
-## 📡 Événements
+## 📡Événements
 
 Ce composant ne déclenche pas d'événements spécifiques.
 
-## 🧩 Slots
+## 🧩 Slots
 
 - `default` : Slot pour insérer le contenu de l'onglet à afficher.
 
-## 📝 Exemples
+## 📝 Exemples
 
 ::: code-group
 
diff --git a/src/components/DsfrTabs/DsfrTabItem.md b/src/components/DsfrTabs/DsfrTabItem.md
index 2977b642..67c462bf 100644
--- a/src/components/DsfrTabs/DsfrTabItem.md
+++ b/src/components/DsfrTabs/DsfrTabItem.md
@@ -1,12 +1,12 @@
 # Onglet - `DsfrTabItem`
 
-## 🌟 Introduction
+## 🌟 Introduction
 
 Le composant `DsfrTabItem` représente un onglet individuel dans un ensemble d'onglets. Il gère les interactions utilisateur telles que les clics et les commandes clavier pour naviguer entre les onglets. Ce composant offre également une intégration avec des icônes pour une expérience utilisateur enrichie et intuitive.
 
 Ce composant **doit** s’utiliser dans un [`DsfrTabs`](/composants/DsfrTabs).
 
-## 📐 Structure
+## 📐 Structure
 
 - `<DsfrTabItem>` : Un élément de liste représentant un onglet.
   - Contient un bouton pour activer l'onglet.
@@ -20,7 +20,7 @@ Ce composant **doit** s’utiliser dans un [`DsfrTabs`](/composants/DsfrTabs).
 | `tabId`   | `string` | ID unique de l'onglet, utilisé pour l'accessibilité.             | `obligatoire`     |
 | `icon`    | `string` | Nom de l'icône à afficher dans l'onglet (facultatif).            | `undefined`       |
 
-## 📡 Événements
+## 📡Événements
 
 - `click` : Événement émis lorsque l'onglet est cliqué, envoie l’index de l’onglet (`number`, entier commençant à `0`).
 - `next` : Événement émis lorsque l'utilisateur appuie sur la touche "flèche droite" ou "flèche bas".
@@ -28,11 +28,11 @@ Ce composant **doit** s’utiliser dans un [`DsfrTabs`](/composants/DsfrTabs).
 - `first` : Événement émis lorsque l'utilisateur appuie sur la touche "Home".
 - `last` : Événement émis lorsque l'utilisateur appuie sur la touche "End".
 
-## 🧩 Slots
+## 🧩 Slots
 
 - `default` : Slot pour insérer le contenu de l'onglet.
 
-## 📝 Exemples
+## 📝 Exemples
 
 ::: code-group
 
diff --git a/src/components/DsfrTabs/DsfrTabs.md b/src/components/DsfrTabs/DsfrTabs.md
index 25613292..6366c750 100644
--- a/src/components/DsfrTabs/DsfrTabs.md
+++ b/src/components/DsfrTabs/DsfrTabs.md
@@ -1,6 +1,6 @@
 # Onglets - `DsfrTabs`
 
-## 🌟 Introduction
+## 🌟 Introduction
 
 Le composant onglet permet aux utilisateurs de naviguer dans différentes sections de contenu au sein d’une même page.
 
@@ -10,7 +10,7 @@ Le système d'onglet aide à regrouper différents contenus dans un espace limit
 
 <VIcon name="vi-file-type-storybook" /> La story sur les onglets sur le storybook de [VueDsfr](https://storybook.vue-ds.fr/?path=/docs/composants-dsfrtabs--docs)
 
-## 📐 Structure
+## 📐 Structure
 
 Chaque onglet se compose des éléments suivants :
 
@@ -27,7 +27,7 @@ Si le nombre d’onglets dépasse la largeur du container, un scroll horizontal
 | `modelValue` | `number`                  | `0`          |             | Index de l'onglet sélectionné au chargement (*existe depuis VueDsfr v6.0.0*).               |
 | `tabTitles`            | `string[]`                   | `[]`   |             | Titres des onglets avec les id des panneaux et onglets associés. |
 
-## 📡 Événements
+## 📡Événements
 
 |  nom                   |   donnée (*payload*) | détail de la donnée
 | ---------------------- |  ---------            | --- |
@@ -39,14 +39,14 @@ Depuis la v6, le composant `DsfrTabs` déclarant la prop `modelValue` et émetta
 Aussi, plus besoin, depuis la v6, d’utiliser le composable `useTabs()`. Cf. les exemples ci-dessous.
 :::
 
-## 🧩 Slots
+## 🧩 Slots
 
 | Nom          | Description                                                        |
 |--------------|--------------------------------------------------------------------|
 | `tab-items`    | Slot nommé pour insérer des titres d’onglets personnalisés. Si rempli, la prop `tabTitles` n’a aucun effet. |
 | `default`      | Slot par défaut pour le contenu des onglets.                       |
 
-## Les méthodes exposées
+## L es méthodes exposées
 
 - `DsfrTabs#renderTabs()`: permet de forcer le recalcul de la hauteur de l’onglet
 
@@ -109,7 +109,7 @@ activeTab.value = tabTitles.length - 1 // active le dernier onglet
 
 :::
 
-## 📝 Exemples
+## 📝 Exemples
 
 1. **Onglets Simples :**
 
diff --git a/src/components/DsfrTag/DsfrTag.md b/src/components/DsfrTag/DsfrTag.md
index 2578b0e1..844fd55d 100644
--- a/src/components/DsfrTag/DsfrTag.md
+++ b/src/components/DsfrTag/DsfrTag.md
@@ -1,6 +1,6 @@
 # Tag - `DsfrTag`
 
-## 🌟 Introduction
+## 🌟 Introduction
 
 Le tag catégorise/classe/organise les contenus à l'aide de mots-clés. Il aide les utilisateurs à rechercher et à trouver facilement une information.
 
@@ -17,7 +17,7 @@ Le tag peut être utilisé dans deux contextes :
 
 <VIcon name="vi-file-type-storybook" /> La story sur le tag sur le storybook de [VueDsfr](https://storybook.vue-ds.fr/?path=/docs/composants-dsfrtags--docs)
 
-## 📐 Structure
+## 📐 Structure
 
 Il se compose des éléments suivants :
 
@@ -36,17 +36,17 @@ Il se compose des éléments suivants :
 | small     | `Boolean` | `false`     |             | Réduit la taille de l'étiquette.                         |
 | iconOnly  | `Boolean` | `false`     |             | Affiche uniquement l'icône, sans texte.                  |
 
-## 📡 Évenements
+## 📡Évenements
 
 Pas d'événements personnalisés pour ce composant. Il se repose sur les événements natifs de ses balises sous-jacentes.
 
-## 🧩 Slots
+## 🧩 Slots
 
 | Nom       | Description                                              |
 |-----------|----------------------------------------------------------|
 | default   | Slot par défaut pour ajouter du contenu supplémentaire à côté du label ou de l'icône. |
 
-## 📝 Exemples
+## 📝 Exemples
 
 ::: code-group
 
diff --git a/src/components/DsfrTile/DsfrTile.md b/src/components/DsfrTile/DsfrTile.md
index e67db5bf..798971db 100644
--- a/src/components/DsfrTile/DsfrTile.md
+++ b/src/components/DsfrTile/DsfrTile.md
@@ -1,6 +1,6 @@
 # Tuile - `DsfrTile`
 
-## 🌟 Introduction
+## 🌟 Introduction
 
 La tuile est un raccourci ou point d’entrée qui redirige les utilisateurs vers des pages de contenu. Elle fait généralement partie d'une collection ou liste de tuiles similaires. La tuile n’est jamais présentée de manière isolée.
 
@@ -10,7 +10,7 @@ Le composant `DsfrTile` est une tuile flexible et stylisée, idéale pour affich
 
 <VIcon name="vi-file-type-storybook" /> La story sur la tuile sur le storybook de [VueDsfr](https://storybook.vue-ds.fr/?path=/docs/composants-dsfrtile--docs)
 
-## 📐 Structure
+## 📐 Structure
 
 - Un pictogramme `fr-artwork` uniquement (jpg, png, svg, etc), *optionnel* (des SVG sont à trouver dans `@gouvfr/dsfr/dist/artwork/**`)
 - Une première zone de détail, composée d’une précision, sous forme de tags (cliquables ou non) ou de badges (jusqu'à 4 éléments), *optionnels*
@@ -42,15 +42,15 @@ Le composant `DsfrTile` est une tuile flexible et stylisée, idéale pour affich
 | `noBackground` | `boolean`                                                                                 | Si vrai, n'affiche pas de fond dans la tuile.                   | `false`                                                   |             |
 | `grey`         | `boolean`                                                                                 | Si vrai, affiche un fond gris pour la tuile.                    | `false`                                                   |             |
 
-## 📡 Événements
+## 📡Événements
 
 Ce composant ne déclenche pas d'événements spécifiques.
 
-## 🧩 Slots
+## 🧩 Slots
 
 - `header` : Slot pour insérer du contenu personnalisé dans l'en-tête de la tuile.
 
-## 📝 Exemples
+## 📝 Exemples
 
 ::: code-group
 
diff --git a/src/components/DsfrTile/DsfrTiles.md b/src/components/DsfrTile/DsfrTiles.md
index f53b6084..3279d493 100644
--- a/src/components/DsfrTile/DsfrTiles.md
+++ b/src/components/DsfrTile/DsfrTiles.md
@@ -1,6 +1,6 @@
 # Tuile - `DsfrTile`
 
-## 🌟 Introduction
+## 🌟 Introduction
 
 Le composant `DsfrTiles` utilise le composant .
 
@@ -10,7 +10,7 @@ Le composant `DsfrTiles` permet d'afficher une collection de tuiles ([`DsfrTile`
 
 <VIcon name="vi-file-type-storybook" /> La story sur la tuile sur le storybook de [VueDsfr](https://storybook.vue-ds.fr/?path=/docs/composants-dsfrtiles--docs)
 
-## 📐 Structure
+## 📐 Structure
 
 - `<DsfrTiles>` : Le composant principal.
   - Gère une liste de tuiles à afficher en grille.
@@ -23,15 +23,15 @@ Le composant `DsfrTiles` permet d'afficher une collection de tuiles ([`DsfrTile`
 | `tiles`       | `(DsfrTileProps & { containerClass: string })[]` | Tableau d'objets représentant les tuiles à afficher, incluant les props de `DsfrTile` et une classe personnalisée pour chaque conteneur. | `[]`              |
 | `horizontal`  | `boolean`                                 | Si vrai, affiche les tuiles en mode horizontal.                                      | `false`           |
 
-## 📡 Événements
+## 📡Événements
 
 Ce composant ne déclenche pas d'événements spécifiques.
 
-## 🧩 Slots
+## 🧩 Slots
 
 Ce composant n'utilise pas de slots.
 
-## 📝 Exemples
+## 📝 Exemples
 
 Le composant `DsfrTiles` utilise une boucle pour rendre chaque tuile dans une grille responsive. Il permet d'appliquer des classes spécifiques à chaque tuile et de définir si les tuiles doivent s'afficher horizontalement ou verticalement.
 
diff --git a/src/components/DsfrToggleSwitch/DsfrToggleSwitch.md b/src/components/DsfrToggleSwitch/DsfrToggleSwitch.md
index de86e24d..67695a00 100644
--- a/src/components/DsfrToggleSwitch/DsfrToggleSwitch.md
+++ b/src/components/DsfrToggleSwitch/DsfrToggleSwitch.md
@@ -1,6 +1,6 @@
 # Interrupteur - `DsfrToggleSwitch`
 
-## 🌟 Introduction
+## 🌟 Introduction
 
 Le `DsfrToggleSwitch` est un composant Vue versatile, conçu pour permettre à l’utilisateur de faire un choix entre deux états opposés (activé / désactivé).
 
@@ -24,7 +24,7 @@ Le `DsfrToggleSwitch` est un composant Vue versatile, conçu pour permettre à l
 | `inactiveText` | `string`  | `Désactivé`             |             | Texte à afficher sous l'interrupteur lorsqu'il est désactivé              |
 | `noText`       | `boolean`  | `false`                |             | Désactive l'affichage de activeText et inactiveText                       |
 
-## 📡 Évenements
+## 📡Évenements
 
 `DsfrToggleSwitch` émet l'événement suivant :
 
@@ -32,11 +32,11 @@ Le `DsfrToggleSwitch` est un composant Vue versatile, conçu pour permettre à l
 |----------------------|--------------| -------------------------------------------------------------|
 | `update:modelValue`  | *`boolean`*  | Est émis lorsque la valeur de l'interrupteur change          |
 
-## 🧩 Slots
+## 🧩 Slots
 
 Aucun slot n'est prévu dans ce composant. Le contenu est entièrement basé sur les props.
 
-## 📝 Exemples
+## 📝 Exemples
 
 ::: code-group
 
diff --git a/src/components/DsfrTooltip/DsfrTooltip.md b/src/components/DsfrTooltip/DsfrTooltip.md
index 4b326b76..ff606543 100644
--- a/src/components/DsfrTooltip/DsfrTooltip.md
+++ b/src/components/DsfrTooltip/DsfrTooltip.md
@@ -1,6 +1,6 @@
 # Information contextuelle et Infobulle - `DsfrTooltip`
 
-## 🌟 Introduction
+## 🌟 Introduction
 
 Le `DsfrTooltip` est un composant Vue versatile, conçu pour fournir des infobulles contextuelles. Il supporte le déclenchement au survol ou au clic, et s'adapte automatiquement à la position de l'élément source pour une visibilité optimale. Ce composant est idéal pour ajouter des explications ou des informations supplémentaires sans encombrer l'interface utilisateur.
 
@@ -12,15 +12,15 @@ Le `DsfrTooltip` est un composant Vue versatile, conçu pour fournir des infobul
 | `onHover`  | `boolean` | `false`              |             | Si `true`, l'infobulle s'affiche au survol.                 |
 | `id`       | `string`  | `useRandomId('tooltip')` |         | Identifiant unique pour l'infobulle. Utilisé pour l'accessibilité. |
 
-## 📡 Évenements
+## 📡Évenements
 
 - Aucun événement personnalisé n'est émis par ce composant.
 
-## 🧩 Slots
+## 🧩 Slots
 
 - `default` : Contenu personnalisé pour l'élément déclencheur de l'infobulle (peut être un lien ou un bouton selon `onHover`).
 
-## 📝 Exemples
+## 📝 Exemples
 
 ```vue
 <DsfrTooltip content="Voici une infobulle">
@@ -28,21 +28,29 @@ Le `DsfrTooltip` est un composant Vue versatile, conçu pour fournir des infobul
 </DsfrTooltip>
 ```
 
-## 📝 Toutes les variantes 🌈 d’info-bulles
+## 📝 Toutes les variantes 🌈 d’info-bulles
 
 ::: code-group
 
 <Story data-title="Démo" min-h="300px">
-  <DsfrTooltipExample />
+  <DsfrTooltipDemo />
 </Story>
 
-<<< docs-demo/DsfrTooltipExample.vue [Code de la démo]
+<<< docs-demo/DsfrTooltipDemo.vue [Code de la démo]
 
-<<< DsfrTooltip.vue
 :::
 
 Avec DsfrTooltip, révélez des informations cachées comme un magicien sort un lapin de son chapeau ! 🎩🐇✨
 
+## ⚙️ Code source du composant
+
+::: code-group
+
+<<< DsfrTooltip.vue
+<<< DsfrTooltip.types.ts
+
+:::
+
 <script setup lang="ts">
-import DsfrTooltipExample from './docs-demo/DsfrTooltipExample.vue'
+  import DsfrTooltipDemo from './docs-demo/DsfrTooltipDemo.vue'
 </script>
diff --git a/src/components/DsfrTooltip/docs-demo/DsfrTooltipExample.vue b/src/components/DsfrTooltip/docs-demo/DsfrTooltipDemo.vue
similarity index 100%
rename from src/components/DsfrTooltip/docs-demo/DsfrTooltipExample.vue
rename to src/components/DsfrTooltip/docs-demo/DsfrTooltipDemo.vue
diff --git a/src/components/DsfrTranscription/DsfrTranscription.md b/src/components/DsfrTranscription/DsfrTranscription.md
index a08de7cb..d8c9239a 100644
--- a/src/components/DsfrTranscription/DsfrTranscription.md
+++ b/src/components/DsfrTranscription/DsfrTranscription.md
@@ -4,13 +4,13 @@
 
 <VIcon name="vi-file-type-storybook" /> La story sur la transcription sur le storybook de [VueDsfr](https://storybook.vue-ds.fr/?path=/docs/composants-dsfrtranscription--docs)
 
-## 🌟 Introduction
+## 🌟 Introduction
 
 Le composant `DsfrTranscription` est conçu pour afficher la transcription du contenu d'une vidéo. Il permet aux utilisateurs d'accéder facilement au texte de la vidéo, offrant ainsi une meilleure accessibilité. Le composant peut afficher la transcription dans une section extensible ou dans une fenêtre modale pour une lecture plus confortable.
 
 Le `DsfrTranscription` peut afficher la transcription dans une section extensible ou la charger dans une fenêtre modale grâce à l'utilisation du composant `DsfrModal` et du `Teleport` pour un rendu à l'extérieur de la hiérarchie DOM parent.
 
-## 📐 Structure
+## 📐 Structure
 
 - `<DsfrTranscription>` : Le composant principal.
   - Contient un bouton pour afficher ou masquer la transcription.
@@ -24,15 +24,15 @@ Le `DsfrTranscription` peut afficher la transcription dans une section extensibl
 | `title`   | `string` | Titre de la transcription.                                  | `'Titre de la vidéo'`               |
 | `content` | `string` | Contenu de la transcription.                                | `'Transcription du contenu de la vidéo'` |
 
-## 📡 Événements
+## 📡Événements
 
 Ce composant ne déclenche pas d'événements spécifiques.
 
-## 🧩 Slots
+## 🧩 Slots
 
 - `default` : Slot pour insérer du contenu personnalisé à la place de la transcription par défaut.
 
-## 📝 Exemples
+## 📝 Exemples
 
 ::: code-group
 
diff --git a/src/components/VIcon/VIcon.md b/src/components/VIcon/VIcon.md
index 449f541f..f4e0e896 100644
--- a/src/components/VIcon/VIcon.md
+++ b/src/components/VIcon/VIcon.md
@@ -1,6 +1,6 @@
 # VIcon
 
-## 🌟 Introduction
+## 🌟 Introduction
 
 Le composant `VIcon` est un composant Vue.js permettant d'afficher des icônes avec une large gamme d'options de personnalisation, y compris des animations, des couleurs, et des tailles. Il est conçu pour être flexible et performant, avec une prise en charge des différentes options d'affichage, de flip, et de titres accessibles.
 
@@ -10,7 +10,7 @@ Il a exactement la même API que OhVueIcon, et utilise `@iconify/vue` sous le ca
 Les noms des icônes doivent être ceux de [Iconify-vue](https://icon-sets.iconify.design/).
 :::
 
-## 📐 Structure
+## 📐 Structure
 
 Le composant `VIcon` s'intègre facilement en utilisant la syntaxe suivante :
 
@@ -60,11 +60,11 @@ Voici les différentes propriétés que vous pouvez utiliser avec ce composant :
 | `ssr`          | `boolean`                           | `false`         | Active le rendu côté serveur (Server-Side Rendering).                                                                                                     |
 | `display`      | `'block' \| 'inline-block' \| 'inline'` | `'inline-block'` | Définit le mode d'affichage de l'icône.                                                                                                                |
 
-## 📡 Événements
+## 📡Événements
 
 Ce composant ne déclenche pas d'événements personnalisés.
 
-## 🧩 Slots
+## 🧩 Slots
 
 Ce composant ne contient pas de slots.