CSS: testimonial

div[class~="instui-testimonial"] — Tilvitnun eða umsögn með heimild og valfrjálsu myndefni.

✅ Notaðu Testimonial þegar:

• Sýna umsagnir og tilvitnanir frá viðskiptavinum eða notendum

• Þú vilt leggja áherslu á yfirlýsingu með sjónrænum áhrifum

• Heimild og samhengi (nafn, titill, mynd) eru mikilvæg 🚫 Ekki nota Testimonial þegar:

• Sýnir innfelldar tilvitnanir í megintexta — notaðu blockquote-þátt í staðinn

• Yfirlýsingin er aðalatriðið — notaðu Hero eða Card í staðinn

Aðgengi

• Notaðu <blockquote> merkingarlega fyrir tilvitnunina
• Gakktu úr skugga um að heimild sé skýr og tengd tilvitnuninni
• Ef myndir eru notaðar, gefðu alt text

Notkun

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

Dæmi

Hlutar

Hluti	Lýsing
.instui-author	Nafn höfundar heimildar.
.instui-avatar	Valfrjáls prófílmynd höfundar.
.instui-content	Íláti fyrir tilvitnun og heimild.
.instui-quote	Tilvitna textinn.
.instui-title	Valfrjáls titill eða tenging höfundar.

Stöður

Staða	Lýsing
:optional	—

Notuð tákn

Token	Tegund	Gildi
--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	—	—

Tengdar

• card