CSS: testimonial

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

✅ Utiliser Testimonial lorsque :

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

• Vous voulez mettre en évidence une déclaration avec un accent visuel

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

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

• La déclaration est le point central — 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";

Exemples

Parties

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

États

État	Description
:optional	—

Tokens 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	—	—

Connexe

• card