CSS: testimonial ​

div[class~="instui-testimonial"] — Արտահայտություն կամ ցուցմունք՝ հեղինակային նշումով և ընտրովի պատկերով.

✅ Օգտագործել Testimonial երբ՝

  • Ցուցադրելով հաճախորդի կամ օգտվողի ցուցմունքներ և մեջբերումներ

  • Եթե ուզում եք ընդգծել հայտարարությունը տեսողական շեշտով

  • Հեղինակային նշումը և համատեքստը (անուն, կոչում, պատկեր) կարևոր են 🚫 Մի օգտագործեք Testimonial երբ՝

  • Տեքստի մարմնային մեջբերումներ ցուցադրելու համար՝ օգտագործեք blockquote էլեմենտը

  • Եթե հայտարարությունը հանդիսանում է հիմնական ուշադրության կենտրոնը՝ ավելի مناسب են Hero կամ Card

Մուտքականություն ​

  • Օգտագործեք <blockquote> սեմանտիկորեն որպես մեջբերում
  • Համոզվեք, որ հեղինակային նշումը հստակ է և կապված մեջբերման հետ
  • Եթե օգտագործվում են պատկերներ, տրամադրեք alt տեքստ

Օգտագործում ​

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

Մասեր ​

ՄասՆկարագիր
.instui-authorՀեղինակի անունը.
.instui-avatarԸնտրովի հեղինակային պրոֆիլային պատկեր.
.instui-contentԿոնտեյներ մեջբերման և հեղինակային նշման համար.
.instui-quoteՄեջբերված տեքստը.
.instui-titleԸնտրովի հեղինակի կոչումը կամ պատկանելությունը.

Փոփոխական վիճակներ ​

ՎիճակՆկարագիր
:optional—

Ցուցիչներ սպառված ​

TokenՏիպԱրժեք
--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——

Ավելին կապված ​