SubHeader
Le pattern SubHeader est utilisé pour afficher un bloc d’informations sous l’en-tête principale.
Utilisation
Exemples
Listes de données
Vous pouvez afficher des listes de données en utilisant la prop data-list-group-items.
Vous pouvez afficher les valeurs dans les DataList via la directive v-html en utilisant la prop render-html-value.
Attention, l’utilisation de la directive v-html peut être dangereuse car cela peut facilement mener à des attaques XSS. N’utilisez cette directive que sur du contenu de confiance et jamais sur du contenu fourni par l’utilisateur.
Boutons d’actions
Vous pouvez ajouter des boutons d’actions dans les listes de données en utilisant la propriété action sur les items.
Informations complémentaires
Vous pouvez afficher des informations complémentaires en utilisant le slot additional-informations.
Mode chargement
Vous pouvez afficher le composant en mode chargement en utilisant la prop loading.
Vous pouvez utiliser les props items-number-loading et heading-loading sur chaque DataList pour contrôler le nombre d’items à afficher pendant le chargement ainsi que la visibilité du squelette de chargement pour le titre.