CSS: testimonial

div[class~="instui-testimonial"] — Sitat- eller attestvising med attribusjon og valfritt bilete.

✅ Bruk Testimonial når:

• Viser kundar eller brukarar sine attestar og sitat

• Du vil framheve ei uttale med visuell vekt

• Attribusjon og kontekst (namn, tittel, bilete) er viktige 🚫 Bruk ikkje Testimonial når:

• Viser inline-sitat i brødtekst — bruk eit blockquote-element i staden

• Uttalen er hovudfokuset — bruk Hero eller Card i staden

Tilgjenge

• Bruk <blockquote> semantisk for sitatet
• Sørg for at attribusjonen er tydeleg og knytt til sitatet
• Om du brukar bilete, legg ved alternativ tekst

Bruk

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

Døme

Delar

Del	Skildring
.instui-author	Forfattarens namn (attribusjon).
.instui-avatar	Valfritt bilete av forfattarens profil.
.instui-content	Behaldar for sitat og attribusjon.
.instui-quote	Den siterte teksten.
.instui-title	Valfri forfattartittel eller tilknyting.

Tilstandar

Tilstand	Skildring
:optional	—

Token brukt

Token	Type	Verdi
--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	—	—

Relatert

• card