CSS: testimonial

div[class~="instui-testimonial"] — Citat- eller udtalelsesvisning med kildeangivelse og valgfrit billede.

✅ Brug Testimonial når:

• Viser kunde- eller brugerudtalelser og citater

• Du vil fremhæve en udtalelse med visuel vægt

• Kildeangivelse og kontekst (navn, titel, billede) er vigtige 🚫 Brug ikke Testimonial når:

• Viser indlejrede citater i brødteksten — brug i stedet et blockquote-element

• Udtalelsen er hovedfokus — brug i stedet Hero eller Card

Tilgængelighed

• Brug <blockquote> semantisk til citatet
• Sørg for, at kildeangivelsen er tydelig og knyttet til citatet
• Hvis der bruges billeder, angiv alternativ tekst

Brug

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

Dele

Del	Beskrivelse
.instui-author	Forfatterens navn (kildeangivelse).
.instui-avatar	Valgfrit forfatterprofilbillede.
.instui-content	Container for citat og kildeangivelse.
.instui-quote	Det citerede indhold.
.instui-title	Valgfri forfattertitel eller tilknytning.

Tilstande

Tilstand	Beskrivelse
:optional	—

Forbrugte tokens

Token	Type	Værdi
--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	—	—

Relateret

• card