CSS: testimonial

div[class~="instui-testimonial"] — Affichage de citation ou témoignage avec attribution et images facultatives.

✅ Utiliser Testimonial lorsque :

• Afficher des témoignages et citations de clients ou d'utilisateurs

• Vous voulez mettre en valeur une déclaration avec une emphase visuelle

• L'attribution et le contexte (nom, titre, image) sont importants 🚫 Ne pas utiliser Testimonial lorsque :

• Afficher des citations en ligne dans le texte — utilisez plutôt un élément blockquote

• La déclaration est le point principal — utilisez plutôt Hero ou Card

Accessibilité

• Use <blockquote> semantically for the quote
• Ensure attribution is clear and associated with the quote
• If using images, provide alt text

Utilisation

@import "@pantoken/plugin-layouts/layouts.css";

Parties

Partie	Description
.instui-author	Nom de l'auteur pour l'attribution.
.instui-avatar	Image de profil de l'auteur (facultative).
.instui-content	Conteneur pour la citation et l'attribution.
.instui-quote	Le texte cité.
.instui-title	Titre ou affiliation de l'auteur (facultatif).

États

État	Description
:optional	—

Jetons consommés

Token	Type	Valeur
--instui-color-background	—	—
--instui-color-primary	—	—
--instui-color-surface	—	—
--instui-color-text-primary	—	—
--instui-color-text-secondary	—	—
--instui-font-size-small	<length>	—
--instui-font-weight-semibold	—	—
--instui-radius-medium	—	—
--instui-space-large	—	—
--instui-space-medium	—	—
--instui-space-small	—	—

Liés

• card