File tree Expand file tree Collapse file tree 2 files changed +13
-7
lines changed
Expand file tree Collapse file tree 2 files changed +13
-7
lines changed Original file line number Diff line number Diff 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
Original file line number Diff line number Diff line change 11<script lang="ts" setup>
2+ import type { TitleTag } from ' @/common-types'
3+
24export 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
1417withDefaults (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"
You can’t perform that action at this time.
0 commit comments