Skip to content
Snippets Groups Projects

DSFR-302 Création du badge Spécifique pour les composants spécifiques

Merged Christele Veaux requested to merge recette into main
Compare and
1 file
+ 93
45
Compare changes
  • Side-by-side
  • Inline
@@ -31,7 +31,8 @@ const composants: ComponentOrder[] = [
img: getCardImage('composants_accordeon.png'),
selected: false,
//badges: badgesNouveau,
disabled: false
disabled: false,
isSpecific: null
},
{
urlMenu: '/elements-d-interface/composants/alert',
@@ -43,7 +44,8 @@ const composants: ComponentOrder[] = [
img: getCardImage('composants_alertes.png'),
selected: false,
//badges: badgesNouveau
disabled: false
disabled: false,
isSpecific: null
},
{
urlMenu: '/elements-d-interface/composants/badge',
@@ -55,7 +57,8 @@ const composants: ComponentOrder[] = [
img: getCardImage('composants_badge.png'),
selected: false,
//badges: badgesNouveau
disabled: false
disabled: false,
isSpecific: null
},
{
urlMenu: '/elements-d-interface/composants/banner',
@@ -67,7 +70,8 @@ const composants: ComponentOrder[] = [
img: getCardImage('composants_bandeau_information_importante.png'),
selected: false,
//badges: badgesNouveau
disabled: false
disabled: false,
isSpecific: null
},
{
urlMenu: '/elements-d-interface/composants/logo',
@@ -79,7 +83,8 @@ const composants: ComponentOrder[] = [
img: getCardImage('composants_en_tete.png'),
selected: false,
// badges: badgesNouveau,
disabled: false
disabled: false,
isSpecific: null
},
{
urlMenu: '/elements-d-interface/composants/button',
@@ -91,7 +96,8 @@ const composants: ComponentOrder[] = [
img: getCardImage('composants_boutons.png'),
selected: false,
//badges: badgesNouveau,
disabled: false
disabled: false,
isSpecific: null
},
{
urlMenu: '/elements-d-interface/composants/fcButton',
@@ -103,7 +109,8 @@ const composants: ComponentOrder[] = [
img: getCardImage('composants_bouton_franceconnect.png'),
selected: false,
//badges: badgesNouveau,
disabled: false
disabled: false,
isSpecific: null
},
{
urlMenu: '/elements-d-interface/composants/card',
@@ -115,7 +122,8 @@ const composants: ComponentOrder[] = [
img: getCardImage('composants_cartes.png'),
selected: false,
//badges: badgesNouveau,
disabled: false
disabled: false,
isSpecific: null
},
{
urlMenu: '/elements-d-interface/composants/quote',
@@ -127,7 +135,8 @@ const composants: ComponentOrder[] = [
img: getCardImage('composants_citation.png'),
selected: false,
// badges: badgesNouveau, // v4
disabled: false
disabled: false,
isSpecific: null
},
{
urlMenu: '/elements-d-interface/composants/media',
@@ -139,7 +148,8 @@ const composants: ComponentOrder[] = [
img: getCardImage('composants_contenu_medias.png'),
selected: false,
badges: badgesSoon,
disabled: true
disabled: true,
isSpecific: null
},
{
urlMenu: '/elements-d-interface/composants/header',
@@ -151,7 +161,8 @@ const composants: ComponentOrder[] = [
img: getCardImage('composants_en_tete.png'),
selected: false,
//badges: badgesNouveau,
disabled: false
disabled: false,
isSpecific: null
},
{
urlMenu: '/elements-d-interface/composants/breadcrumb',
@@ -163,7 +174,8 @@ const composants: ComponentOrder[] = [
img: getCardImage('composants_fil_ariane.png'),
selected: false,
//badges: badgesNouveau
disabled: false
disabled: false,
isSpecific: null
},
{
urlMenu: '/elements-d-interface/composants/consent',
@@ -176,7 +188,8 @@ const composants: ComponentOrder[] = [
selected: false,
badges: badgesSoon,
disabled: true,
workingOn: true
workingOn: true,
isSpecific: null
},
{
urlMenu: '/elements-d-interface/composants/favIcon',
@@ -188,7 +201,8 @@ const composants: ComponentOrder[] = [
img: getCardImage('composants_icone_de_favoris.png'),
selected: false,
badges: badgesSoon,
disabled: true
disabled: true,
isSpecific: null
},
{
urlMenu: '/elements-d-interface/composants/stepIndication',
@@ -200,7 +214,8 @@ const composants: ComponentOrder[] = [
img: getCardImage('composants_indicateur_etape.png'),
selected: false,
badges: badgesNouveau,
disabled: false
disabled: false,
isSpecific: null
},
{
urlMenu: '/elements-d-interface/composants/toggle',
@@ -212,7 +227,8 @@ const composants: ComponentOrder[] = [
img: getCardImage('composants_interrupteur.png'),
selected: false,
badges: badgesNouveau,
disabled: false
disabled: false,
isSpecific: null
},
{
urlMenu: '/elements-d-interface/composants/link',
@@ -224,7 +240,8 @@ const composants: ComponentOrder[] = [
img: getCardImage('composants_liens.png'),
selected: false,
//badges: badgesNouveau,
disabled: false
disabled: false,
isSpecific: null
},
{
urlMenu: '/elements-d-interface/composants/sidemenu',
@@ -236,7 +253,8 @@ const composants: ComponentOrder[] = [
img: getCardImage('composants_menu_lateral.png'),
selected: false,
// badges: badgesNouveau,
disabled: false
disabled: false,
isSpecific: null
},
{
urlMenu: '/elements-d-interface/composants/callout',
@@ -248,7 +266,8 @@ const composants: ComponentOrder[] = [
img: getCardImage('composants_mise_en_avant.png'),
selected: false,
badges: badgesNouveau,
disabled: false
disabled: false,
isSpecific: null
},
{
urlMenu: '/elements-d-interface/composants/highlight',
@@ -260,7 +279,8 @@ const composants: ComponentOrder[] = [
img: getCardImage('composants_mise_en_exergue.png'),
selected: false,
badges: badgesNouveau,
disabled: false
disabled: false,
isSpecific: null
},
{
urlMenu: '/elements-d-interface/composants/modal',
@@ -272,7 +292,8 @@ const composants: ComponentOrder[] = [
img: getCardImage('composants_modale.png'),
selected: false,
// badges: badgesNouveau
disabled: false
disabled: false,
isSpecific: null
},
{
urlMenu: '/elements-d-interface/composants/nav',
@@ -284,7 +305,8 @@ const composants: ComponentOrder[] = [
img: getCardImage('composants_navigation_principale.png'),
selected: false,
// badges: badgesNouveau,
disabled: false
disabled: false,
isSpecific: null
},
{
urlMenu: '/elements-d-interface/composants/tabs',
@@ -296,7 +318,8 @@ const composants: ComponentOrder[] = [
img: getCardImage('composants_champs_de_saisie.png'),
selected: false,
//badges: badgesSoon,
disabled: false
disabled: false,
isSpecific: null
},
{
urlMenu: '/elements-d-interface/composants/pagination',
@@ -308,7 +331,8 @@ const composants: ComponentOrder[] = [
img: getCardImage('composants_pagination.png'),
selected: false,
// badges: badgesNouveau,
disabled: false
disabled: false,
isSpecific: null
},
{
urlMenu: '/elements-d-interface/composants/display',
@@ -320,7 +344,8 @@ const composants: ComponentOrder[] = [
img: getCardImage('composants_parametres_d_affichage.png'),
selected: false,
badges: badgesSoon,
disabled: true
disabled: true,
isSpecific: null
},
{
urlMenu: '/elements-d-interface/composants/share',
@@ -332,7 +357,8 @@ const composants: ComponentOrder[] = [
img: getCardImage('composants_partage.png'),
selected: false,
badges: badgesSoon,
disabled: true
disabled: true,
isSpecific: null
},
{
urlMenu: '/elements-d-interface/composants/footer',
@@ -344,7 +370,8 @@ const composants: ComponentOrder[] = [
img: getCardImage('composants_pied_de_page.png'),
selected: false,
//badges: badgesNouveau,
disabled: false
disabled: false,
isSpecific: null
},
{
urlMenu: '/elements-d-interface/composants/langage',
@@ -356,7 +383,8 @@ const composants: ComponentOrder[] = [
img: getCardImage('composants_selecteur_de_langue.png'),
selected: false,
badges: badgesSoon,
disabled: true
disabled: true,
isSpecific: null
},
{
urlMenu: '/elements-d-interface/composants/summary',
@@ -368,7 +396,8 @@ const composants: ComponentOrder[] = [
img: getCardImage('composants_sommaire.png'),
selected: false,
badges: badgesNouveau,
disabled: false
disabled: false,
isSpecific: null
},
{
urlMenu: '/elements-d-interface/composants/table',
@@ -380,7 +409,8 @@ const composants: ComponentOrder[] = [
img: getCardImage('composants_tableau.png'),
selected: false,
badges: badgesNouveau,
disabled: false
disabled: false,
isSpecific: null
},
{
urlMenu: '/elements-d-interface/composants/tag',
@@ -392,7 +422,8 @@ const composants: ComponentOrder[] = [
img: getCardImage('composants_tag.png'),
selected: false,
// badges: badgesNouveau
disabled: false
disabled: false,
isSpecific: null
},
{
urlMenu: '/elements-d-interface/composants/download',
@@ -405,7 +436,8 @@ const composants: ComponentOrder[] = [
selected: false,
badges: badgesSoon,
disabled: true,
workingOn: true
workingOn: true,
isSpecific: null
},
{
urlMenu: '/elements-d-interface/composants/tile',
@@ -417,6 +449,7 @@ const composants: ComponentOrder[] = [
img: getCardImage('composants_tuile.png'),
selected: false,
// badges: badgesNouveau,
isSpecific: null,
disabled: false
},
];
@@ -432,7 +465,8 @@ const forms: ComponentOrder[] = [
description: "Ce composant permet aux utilisateurs de sélectionner et envoyer un ou plusieurs fichiers par l'explorateur de fichiers.",
img: getCardImage('composants_ajout_de_fichier.png'),
badges: badgesNouveau,
disabled: false
disabled: false,
isSpecific: null
},
{
urlMenu: '/elements-d-interface/forms/upload-drag-and-drop',
@@ -454,7 +488,8 @@ const forms: ComponentOrder[] = [
description: "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.",
img: getCardImage('composants_barre_de_recherche.png'),
// badges: badgesNouveau,
disabled: false
disabled: false,
isSpecific: null
},
{
urlMenu: '/elements-d-interface/forms/autocomplete',
@@ -464,7 +499,8 @@ const forms: ComponentOrder[] = [
url: null, //'autocomplete',
description: "description",
badges: badgesSoon,
disabled: true
disabled: true,
isSpecific: null
},
{
urlMenu: '/elements-d-interface/forms/button',
@@ -475,7 +511,8 @@ const forms: ComponentOrder[] = [
description: "Le bouton est un élément d’interaction avec l’interface permettant à l’utilisateur d’effectuer une action.",
img: getCardImage('composants_boutons.png'),
//badges: badgesNouveau,
disabled: false
disabled: false,
isSpecific: null
},
{
urlMenu: '/elements-d-interface/forms/radio',
@@ -486,7 +523,8 @@ const forms: ComponentOrder[] = [
description: "Les boutons radio permettent à l’utilisateur de sélectionner une seule option dans une liste.",
img: getCardImage('composants_boutons_radio.png'),
// badges: badgesNouveau,
disabled: false
disabled: false,
isSpecific: null
},
{
urlMenu: '/elements-d-interface/forms/radio-rich',
@@ -497,7 +535,8 @@ const forms: ComponentOrder[] = [
description: "Les boutons radio riches permettent de sélectionner un choix parmi une liste d’options illustrées. À la différence du bouton radio simple, l’image permet d’illustrer et d’accompagner l’utilisateur dans son choix.",
img: getCardImage('composants_boutons_radio.png'),
// badges: badgesNouveau,
disabled: false
disabled: false,
isSpecific: null
},
{
urlMenu: '/elements-d-interface/forms/checkbox',
@@ -508,7 +547,8 @@ const forms: ComponentOrder[] = [
description: "Les cases à cocher permettent à l’utilisateur de sélectionner une ou plusieurs options dans une liste.",
img: getCardImage('composants_cases_a_cocher.png'),
// badges: badgesNouveau,
disabled: false
disabled: false,
isSpecific: null
},
// {
// urlMenu: '/elements-d-interface/forms/form-field',
@@ -560,7 +600,8 @@ const forms: ComponentOrder[] = [
description: "Les champs permettent à un utilisateur d'entrer du contenu ou des données.",
img: getCardImage('composants_champs_de_saisie.png'),
//badges: badgesNouveau
disabled: false
disabled: false,
isSpecific: null
}, // TODO real one (text)
{
urlMenu: '/elements-d-interface/forms/btns-group',
@@ -571,7 +612,8 @@ const forms: ComponentOrder[] = [
description: "Le groupe de boutons permet de gérer un ensemble de boutons.",
img: getCardImage('composants_boutons.png'),
// badges: badgesNouveau,
disabled: false
disabled: false,
isSpecific: null
},
{
urlMenu: '/elements-d-interface/forms/form-group',
@@ -581,7 +623,8 @@ const forms: ComponentOrder[] = [
url: './form-group',
description: "Composant utilisé pour regrouper les champs de contrôle `case à cocher` ou encore les `boutons radio`.",
//badges: badgesNouveau,
disabled: false
disabled: false,
isSpecific: null
},
{
urlMenu: '/elements-d-interface/forms/toggleSwitch',
@@ -592,7 +635,8 @@ const forms: ComponentOrder[] = [
description: "Le composant “Interrupteur” permet à l’utilisateur de faire un choix entre deux états opposés (activé / désactivé).",
img: getCardImage('composants_interrupteur.png'),
badges: badgesNouveau,
disabled: false
disabled: false,
isSpecific: null
//workingOn: true
},
{
@@ -604,7 +648,8 @@ const forms: ComponentOrder[] = [
description: "La liste déroulante permet à un utilisateur de choisir un élément dans une liste donnée.",
img: getCardImage('composants_liste_deroulante.png'),
// badges: badgesNouveau,
disabled: false
disabled: false,
isSpecific: null
},
{
urlMenu: '/elements-d-interface/forms/selectMultiple',
@@ -617,6 +662,7 @@ const forms: ComponentOrder[] = [
badges: badgesSoon,
disabled: false,
workingOn: true,
isSpecific: null
},
{
urlMenu: '/elements-d-interface/forms/selectDynamic',
@@ -629,6 +675,7 @@ const forms: ComponentOrder[] = [
badges: badgesSoon,
disabled: false,
workingOn: true,
isSpecific: null
},
{
urlMenu: '/elements-d-interface/forms/form-field-textarea',
@@ -639,7 +686,8 @@ const forms: ComponentOrder[] = [
description: "Les zones de texte permettent à un utilisateur d'entrer du contenu ou des données",
img: getCardImage('composants_champs_de_saisie.png'),
// badges: badgesNouveau,
disabled: false
disabled: false,
isSpecific: null
},
];