CSS: testimonial

div[class~="instui-testimonial"] — Sitat- eller anbefalingsvisning med kildeangivelse og valgfri illustrasjon.

✅ Bruk Testimonial når:

• Viser kunde- eller brukeranbefalinger og sitater

• Du vil fremheve en uttalelse med visuell vekt

• Kildeangivelse og kontekst (navn, tittel, bilde) er viktig 🚫 Ikke bruk Testimonial når:

• Viser inline-sitater i brødtekst — bruk et blockquote-element i stedet

• Uttalelsen er hovedfokuset — bruk Hero eller Card i stedet

Tilgjengelighet

• Bruk <blockquote> semantisk for sitatet
• Sørg for at kildeangivelsen er tydelig og knyttet til sitatet
• Hvis du bruker bilder, oppgi alt-tekst

Bruk

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

Eksempler

Deler

Del	Beskrivelse
.instui-author	Forfatterens navn (kildeangivelse).
.instui-avatar	Valgfritt profilbilde av forfatteren.
.instui-content	Beholder for sitat og kildeangivelse.
.instui-quote	Sitatet.
.instui-title	Valgfri forfattertittel eller tilknytning.

Tilstander

Tilstand	Beskrivelse
:optional	—

Forbrukte tokens

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