Code source
Lien vers le repository (nous demander les droits)
Component checklist
Usage
<dsa-feedback-collect id="feedback"></dsa-feedback-collect>
<script type="text/typescript">
import '@ds-autonomie/web-components/dist/components/feedback-collect/feedback-collect.js';
import type { DSAFeedbackCollect } from '@ds-autonomie/web-components'
const el = document.querySelector<DSAFeedbackCollect>('#feedback')
el?.addEventListener('dsa-feedback-submit', (event) => {
console.log(event.detail.choice, event.detail.comment)
})
</script>
API
Attributs et propriétés
Comment utiliser les attributs ? » Utilisation des webcomponents
|
Propriété attribut |
Description |
Type |
Valeur par défaut |
|
step
|
Étape courante du parcours. Permet de piloter manuellement l'affichage (par exemple pour réinitialiser ou pré-remplir le composant). |
'start' | 'middle' | 'end' |
'start' |
|
choice |
Choix sélectionné par l'utilisateur. Peut être défini manuellement pour pré-remplir le composant. |
'yes' | 'no' | null |
null |
|
comment |
Contenu textuel courant du commentaire. |
string |
'' |
Méthodes
Comment utiliser les méthodes ? » Utilisation des webcomponents
Ce composant ne propose pas de méthodes.
Slots
Comment utiliser les slots ? » Utilisation des webcomponents
Ce composant ne contient pas de slot
Événements
Comment utiliser les événements ? » Utilisation des webcomponents
|
Nom |
Description |
|---|---|
|
dsa-feedback-choice |
Émis lorsque l'utilisateur sélectionne "Oui" ou "Non". event.detail contient { choice }. |
|
dsa-feedback-submit |
Émis lorsque l'utilisateur soumet son avis via le bouton "Envoyer mon avis". event.detail contient { choice, comment }. |