CSS: testimonial

div[class~="instui-testimonial"] — Idézet vagy ajánlás megjelenítése szerzői attribúcióval és opcionális képpel.

✅ Használd a Testimonialt, amikor:

• Ügyfél- vagy felhasználói ajánlások és idézetek megjelenítése

• Szeretnél egy állítást vizuálisan kiemelni

• Az attribúció és a kontextus (név, pozíció, kép) fontos 🚫 Ne használd a Testimonialt, amikor:

• Inline idézetek megjelenítése a törzsszövegben — használj inkább PTK_INLINE_CODE_0 elemet

• Ha az állítás a fő fókusz — használj Hero-t vagy Card-ot helyette

Hozzáférhetőség

• Használd szemantikusan a <blockquote>-t az idézethez
• Győződj meg róla, hogy az attribúció világos és az idézethez kapcsolódik
• Ha képeket használsz, adj meg alt szöveget

Használat

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

Részek

Rész	Leírás
.instui-author	Az attribúció szerzőjének neve.
.instui-avatar	Opcionális szerzői profilkép.
.instui-content	Konténer az idézet és az attribúció számára.
.instui-quote	A idézett szöveg.
.instui-title	Opcionális szerzői pozíció vagy kapcsolódó szervezet.

Állapotok

Állapot	Leírás
:optional	—

Fogyasztott tokenek

Token	Típus	Érték
--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	—	—

Kapcsolódó

• card