Merge pull request #1075 from MaitreManuel/dsfr-footer-link-list-category-name-tag

DsfrFooterLinkList Fixe sur la balise de titre

Author: laruiss

src/components/DsfrFooter/DsfrFooter.types.ts

@@ -30,7 +30,8 @@ export type DsfrFooterLinkProps = {
 
 export type DsfrFooterLinkListProps = {
   categoryName: string
-  links: DsfrFooterLinkProps[]
+  links: DsfrFooterLinkProps[],
+  titleTag: string,
 }
 
 export type DsfrFooterProps = {

src/components/DsfrFooter/DsfrFooterLinkList.md

@@ -13,10 +13,11 @@ Le composant se compose de deux parties principales :
 
 ## 🛠️ Props
 
-| Nom de Prop | Type | Par défaut | Description |
-|-------------|------|------------|-------------|
-| `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`. |
+| Nom de Prop    | Type                         | Par défaut | Description                                                                                                           |
+|----------------|------------------------------|------------|-----------------------------------------------------------------------------------------------------------------------|
+| `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`. |
+| `titleTag`     | `string`                     | `'h3'` | Le type de balise pour afficher `categoryName`                                                 |                                                 |
 
 ## 📡Événements
 

src/components/DsfrFooter/DsfrFooterLinkList.vue

@@ -8,14 +8,18 @@ export type {
 withDefaults(defineProps<DsfrFooterLinkListProps>(), {
   categoryName: 'Nom de la catégorie',
   links: () => [],
+  titleTag: 'h3',
 })
 </script>
 
 <template>
   <div>
-    <h3 class="fr-footer__top-cat">
+    <component
+      class="fr-footer__top-cat"
+      :is="titleTag"
+    >
       {{ categoryName }}
-    </h3>
+    </component>
     <ul class="fr-footer__top-list">
       <li
         v-for="(link, idx) in links"