Skip to content

Commit 4d18b54

Browse files
feat: add title tag props for footer partners
1 parent 9ce9143 commit 4d18b54

File tree

2 files changed

+13
-7
lines changed

2 files changed

+13
-7
lines changed

src/components/DsfrFooter/DsfrFooterPartners.md

Lines changed: 6 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -13,11 +13,12 @@ Le composant `DsfrFooterPartners` est conçu pour afficher une liste de partenai
1313

1414
## 🛠️ Props
1515

16-
| Propriété | Type | Description | Valeur par défaut |
17-
|----------------|-------------------------|---------------------------------------------------------------------------------|-------------------|
18-
| `mainPartner` | `DsfrFooterPartner` | Objet représentant le partenaire principal avec lien, logo, et nom. | `undefined` |
19-
| `subPartners` | `DsfrFooterPartner[]` | Tableau d'objets représentant les sous-partenaires. | `[]` |
20-
| `title` | `string` | Titre de la section des partenaires. | `''` |
16+
| Propriété | Type | Description | Valeur par défaut |
17+
|----------------|-----------------------|---------------------------------------------------------------------------------|-------------------|
18+
| `mainPartner` | `DsfrFooterPartner` | Objet représentant le partenaire principal avec lien, logo, et nom. | `undefined` |
19+
| `subPartners` | `DsfrFooterPartner[]` | Tableau d'objets représentant les sous-partenaires. | `[]` |
20+
| `title` | `string` | Titre de la section des partenaires. | `''` |
21+
| `titleTag` | `TitleTag` | Tag HTML pour le titre. | `'h3'` |
2122

2223
## 📡Événements
2324

src/components/DsfrFooter/DsfrFooterPartners.vue

Lines changed: 7 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,6 @@
11
<script lang="ts" setup>
2+
import type { TitleTag } from '@/common-types'
3+
24
export type DsfrFooterPartner = {
35
href: string
46
logo: string
@@ -9,23 +11,26 @@ export type DsfrFooterPartnersProps = {
911
mainPartner?: DsfrFooterPartner
1012
subPartners?: DsfrFooterPartner[]
1113
title?: string
14+
titleTag?: TitleTag
1215
}
1316
1417
withDefaults(defineProps<DsfrFooterPartnersProps>(), {
1518
mainPartner: undefined,
1619
subPartners: () => [],
1720
title: '',
21+
titleTag: 'h4',
1822
})
1923
</script>
2024

2125
<template>
2226
<div class="fr-footer__partners">
23-
<h4
27+
<component
28+
:is="titleTag"
2429
v-if="title"
2530
class="fr-footer__partners-title"
2631
>
2732
{{ title }}
28-
</h4>
33+
</component>
2934
<div class="fr-footer__partners-logos">
3035
<div
3136
v-if="mainPartner"

0 commit comments

Comments
 (0)