CSS: testimonial

div[class~="instui-testimonial"] — Citat- eller rekommendationsvisning med attribuering och valfri bild.

✅ Använd Testimonial när:

• Visar kund- eller användarrekommendationer och citat

• Du vill framhäva ett uttalande visuellt

• Attribuering och kontext (namn, titel, bild) är viktiga 🚫 Använd inte Testimonial när:

• Visar inline-citat i brödtext — använd ett blockquote-element istället

• Uttalandet är huvudfokus — använd istället Hero eller Card

Tillgänglighet

• Använd <blockquote> semantiskt för citatet
• Se till att attribueringen är tydlig och kopplad till citatet
• Om bilder används, ange alt-text

Användning

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

Delar

Del	Beskrivning
.instui-author	Attribueringsförfattarens namn.
.instui-avatar	Valfri författarprofilbild.
.instui-content	Behållare för citat och attribuering.
.instui-quote	Den citerade texten.
.instui-title	Valfri författartitel eller tillhörighet.

Tillstånd

Tillstånd	Beskrivning
:optional	—

Förbrukade tokens

Token	Typ	Värde
--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	—	—

Relaterat

• card