CSS: testimonial

div[class~="instui-testimonial"] — Prikaz citata ali izjave s pripisom in neobvezno sliko.

✅ Uporabite Testimonial, kadar:

• Prikazujete priporočila ali izjave strank in citate

• Želite poudariti izjavo z vizualnim poudarkom

• Pripis in kontekst (ime, naziv, slika) sta pomembna 🚫 Ne uporabljajte Testimonial, kadar:

• Prikazujete vložene (inline) citate v besedilu — namesto tega uporabite element blockquote

• Izjava je glavni fokus — raje uporabite Hero ali Card

Dostopnost

• Uporabite <blockquote> semantično za citat
• Poskrbite, da je pripis jasen in povezan s citatom
• Če uporabljate slike, zagotovite alt besedilo

Uporaba

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

Delii

Del	Opis
.instui-author	Ime avtorja pripisa.
.instui-avatar	Neobvezna profilna slika avtorja.
.instui-content	Kontejner za citat in pripis.
.instui-quote	Citat.
.instui-title	Neobvezni avtorjev naziv ali pripadnost.

Stanja

Stanje	Opis
:optional	—

Porabljeni žetoni

Token	Tip	Vrednost
--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	—	—

Sorodno

• card