CSS: testimonial

div[class~="instui-testimonial"] — Afichaj sitasyon oswa temwayaj ak atribisyon ak imaj opsyonèl.

✅ Sèvi ak Testimonial lè:

• Afichaj temwayaj ak sitasyon kliyan oswa itilizatè

• Ou vle mete aksan sou yon deklarasyon avèk enfaz vizyèl

• Atribisyon ak kontèks (non, tit, imaj) enpòtan 🚫 Pa itilize Testimonial lè:

• Afichaj sitasyon anliy nan tèks kò a — sèvi ak yon eleman blockquote pito

• Deklarasyon an se priyorite prensipal — sèvi ak Hero oswa Card pito

Aksè

• Sèvi ak <blockquote> semantikman pou sitasyon an
• Asire atribisyon an klè e li asosye ak sitasyon an
• Si w ap itilize imaj, bay tèks alt

Itilizasyon

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

Egzanp

Pati

Pati	Deskripsyon
.instui-author	Non otè pou atribisyon.
.instui-avatar	Imaj pwofil otè (opsyonèl).
.instui-content	Kontenè pou sitasyon ak atribisyon.
.instui-quote	Tèks site a.
.instui-title	Tit oswa afilyasyon otè (opsyonèl).

Eta

Eta	Deskripsyon
:optional	—

Tokens konsome

Token	Tip	Valè
--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	—	—

Ki gen rapò

• card