CSS: testimonial

div[class~="instui-testimonial"] — Alıntı veya referans gösterimi; atıf ve isteğe bağlı görseller ile.

✅ Testimonial'ı kullanın:

• Müşteri veya kullanıcı referanslarını ve alıntıları gösterirken

• Bir ifadeyi görsel vurgu ile öne çıkarmak istediğinizde

• Atıf ve bağlam (isim, ünvan, resim) önemli olduğunda 🚫 Testimonial'ı kullanmayın:

• Metin içinde satır içi alıntılar gösteriliyorsa — bunun yerine blockquote elementi kullanın

• İfade ana odaksa — bunun yerine Hero veya Card kullanın

Erişilebilirlik

• <blockquote>'ı alıntı için anlamsal olarak kullanın
• Atıfın net ve alıntıyla ilişkili olduğundan emin olun
• Görseller kullanılıyorsa, alt metin sağlayın

Kullanım

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

Bölümler

Parça	Açıklama
.instui-author	Atıf yapan yazarın adı.
.instui-avatar	İsteğe bağlı yazar profil resmi.
.instui-content	Alıntı ve atıf için kapsayıcı.
.instui-quote	Alıntılanan metin.
.instui-title	İsteğe bağlı yazar unvanı veya kuruluşu.

Durumlar

Durum	Açıklama
:optional	—

Tüketilen tokenler

Token	Tür	Değer
--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	—	—

İlgili

• card