CSS: testimonial

div[class~="instui-testimonial"] — Arddangos dyfyniad neu dystiolaeth gyda chydnabyddiaeth ac delweddau dewisol.

✅ Defnyddiwch Testimonial pan:

• Yn arddangos tystiolaeth a dyfyniadau gan gwsmeriaid neu ddefnyddwyr

• Eich bod eisiau amlygu datganiad gyda phwyslais gweledol

• Mae cydnabyddiaeth a chyd-destun (enw, teitl, delwedd) yn bwysig 🚫 Peidiwch â defnyddio Testimonial pan:

• Yn arddangos dyfyniadau mewn-linell yn y testun corff — defnyddiwch elfen blockquote yn lle

• Os yw'r datganiad yn ganolbwynt — defnyddiwch Hero neu Card yn lle

Hygyrchedd

• Defnyddiwch <blockquote> yn semantig ar gyfer y dyfyniad
• Sicrhewch fod y cydnabyddiaeth yn glir ac yn gysylltiedig â'r dyfyniad
• Os ydych yn defnyddio delweddau, darparwch destun alt

Defnydd

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

Enghreifftiau

Rhannau

Rhan	Disgrifiad
.instui-author	Enw'r awdur ar gyfer y cydnabyddiaeth.
.instui-avatar	Delwedd proffil awdur dewisol.
.instui-content	Contenwr ar gyfer y dyfyniad a'r cydnabyddiaeth.
.instui-quote	Y testun dyfynnedig.
.instui-title	Teitl neu gysylltiad awdur dewisol.

Statwsau

Statws	Disgrifiad
:optional	—

Tocynnau a ddefnyddiwyd

Token	Math	Gwerth
--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	—	—

Perthnasol

• card