फ़ीचर्डनया
टेस्टिमोनियलThree-Column Testimonial Grid
A responsive grid of quote cards that stacks to one column on mobile.
#testimonials#grid#quotes
3 फ्रेमवर्कशुरुआती
Loading…
An editorial serif pull-quote with a single-line attribution.
<figure class="mx-auto w-full max-w-2xl px-4 py-14 text-center sm:px-6">
<blockquote class="font-serif text-2xl italic leading-snug text-gray-900 sm:text-3xl dark:text-gray-100">
“The migration was boring in the best way - nothing broke, and nobody noticed.”
</blockquote>
<figcaption class="mt-6 text-sm text-gray-500 dark:text-gray-400">
<span class="font-semibold not-italic text-gray-900 dark:text-gray-100">Sofia Bianchi</span>
<span class="mx-2 text-gray-300 dark:text-gray-600" aria-hidden="true">-</span>
Product Designer, Vela
</figcaption>
</figure>| Prop | टाइप | डिफ़ॉल्ट | विवरण |
|---|---|---|---|
quoteआवश्यक | string | - | प्रशंसापत्र का टेक्स्ट, बिना उद्धरण चिह्नों के। |
nameआवश्यक | string | - | हेडिंग के रूप में दिखने वाला प्लान का नाम। |
role | string | - | नाम के नीचे दिखने वाला पद। |
className | string | - | रूट एलिमेंट पर मर्ज होने वाली अतिरिक्त क्लासेज़। |
`not-italic` on the name keeps it upright against the italic quote, so it reads as attribution rather than part of the sentence. The em-dash separator is `aria-hidden` so it is not spoken.