diff --git a/src/components/DsfrInput/DsfrInput.stories.ts b/src/components/DsfrInput/DsfrInput.stories.ts index 07d3ee28..4d053abf 100644 --- a/src/components/DsfrInput/DsfrInput.stories.ts +++ b/src/components/DsfrInput/DsfrInput.stories.ts @@ -73,16 +73,6 @@ export default { description: 'Signale si le champ est de type textarea (`true`) ou non (`false`, par défaut)', }, - errorMessage: { - control: 'text', - description: - 'Message d’erreur à associer au champ. **Ne fait pas partie du composant. Il appartient à DsfrInputGroup**', - }, - validMessage: { - control: 'text', - description: - 'Message de validation à associer au champ. **Ne fait pas partie du composant. Il appartient à DsfrInputGroup**', - }, isWithWrapper: { control: 'boolean', description: diff --git a/src/components/DsfrInput/DsfrInput.types.ts b/src/components/DsfrInput/DsfrInput.types.ts index ef010a5c..46bdb017 100644 --- a/src/components/DsfrInput/DsfrInput.types.ts +++ b/src/components/DsfrInput/DsfrInput.types.ts @@ -21,7 +21,7 @@ export type DsfrInputGroupProps = { labelClass?: string modelValue?: string | number | null placeholder?: string - errorMessage?: string - validMessage?: string + errorMessage?: string | string[] + validMessage?: string | string[] wrapperClass?: string } diff --git a/src/components/DsfrInput/DsfrInputGroup.md b/src/components/DsfrInput/DsfrInputGroup.md index 10084d92..1f344333 100644 --- a/src/components/DsfrInput/DsfrInputGroup.md +++ b/src/components/DsfrInput/DsfrInputGroup.md @@ -10,15 +10,15 @@ Ce composant est très utile si vous souhaitez afficher un message d’erreur ou | Nom | Type | Défaut | Obligatoire | Description | |-----------------|-------------|-------------------------|---------------|---------------------------------------------------------------| -| `descriptionId` | `Function` | `() => getRandomId(...)`| | ID unique pour la description du groupe, généré automatiquement si non spécifié. | -| `hint` | `string` | `''` | | Texte d'indice pour guider l'utilisateur dans le groupe de champs. | -| `label` | `string` | `''` | | Le libellé associé au groupe de champs. | -| `labelClass` | `string` | `''` | | Classe CSS personnalisée pour le style du libellé. | -| `modelValue` | `string` | `''` | | La valeur liée au modèle du composant `DsfrInput`. | -| `wrapperClass` | `string` | `''` | | Classe CSS pour le style du conteneur du groupe. | -| `placeholder` | `string` | `undefined` | | Texte de l'espace réservé pour l'input. | -| `errorMessage` | `string` | `undefined` | | Message d'erreur à afficher si une erreur est présente. | -| `validMessage` | `string` | `undefined` | | Message de validation à afficher si l'input est valide. | +| `descriptionId` | `Function` | `() => getRandomId(...)`| | ID unique pour la description du groupe, généré automatiquement si non spécifié. | +| `hint` | `string` | `''` | | Texte d'indice pour guider l'utilisateur dans le groupe de champs. | +| `label` | `string` | `''` | | Le libellé associé au groupe de champs. | +| `labelClass` | `string` | `''` | | Classe CSS personnalisée pour le style du libellé. | +| `modelValue` | `string` | `''` | | La valeur liée au modèle du composant `DsfrInput`. | +| `wrapperClass` | `string` | `''` | | Classe CSS pour le style du conteneur du groupe. | +| `placeholder` | `string` | `undefined` | | Texte de l'espace réservé pour l'input. | +| `errorMessage` | `string \| string[]` | `undefined` | | Message(s) d'erreur à afficher si une erreur est présente. | +| `validMessage` | `string \| string[]` | `undefined` | | Message(s) de validation à afficher si l'input est valide. | ### Attributs implicitement déclarés diff --git a/src/components/DsfrInput/DsfrInputGroup.stories.ts b/src/components/DsfrInput/DsfrInputGroup.stories.ts index 57daca1b..50f68785 100644 --- a/src/components/DsfrInput/DsfrInputGroup.stories.ts +++ b/src/components/DsfrInput/DsfrInputGroup.stories.ts @@ -53,11 +53,11 @@ export default { }, errorMessage: { control: 'text', - description: 'Message d’erreur', + description: 'Message d’erreur (ou tableau de messages)', }, validMessage: { control: 'text', - description: 'Message de validation', + description: 'Message de validation (ou tableau de messages)', }, }, } diff --git a/src/components/DsfrInput/DsfrInputGroup.vue b/src/components/DsfrInput/DsfrInputGroup.vue index dca255bb..0853a8a5 100644 --- a/src/components/DsfrInput/DsfrInputGroup.vue +++ b/src/components/DsfrInput/DsfrInputGroup.vue @@ -1,6 +1,4 @@