Lorem ipsum
Lorem ipsum dolor
Sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.
DynamicTestimonials
Dynamische Testimonials
Die DynamicTestimonials-Komponente lädt Testimonials aus der Content-Collection und zeigt sie im Grid oder Slider an. Sie unterstützt Filterung nach Tags und explizite Slug-Auswahl.
Codebeispiel
<DynamicTestimonialsid="testimonials-grid"title="Lorem ipsum dolor"subtitle="Sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat."tagline="Lorem ipsum"count={6}tags={["Lorem", "Ipsum", "Dolor"]}mode="grid"isDark={false}/>Parameter
| Bezeichner | Typ | Beschreibung | Default |
|---|---|---|---|
| title | string | Hauptüberschrift | 'Das sagen andere über uns' |
| subtitle | string | Unterüberschrift | '' |
| tagline | string | Kleine Überschrift | '' |
| count | number | Anzahl der anzuzeigenden Testimonials | 3 |
| tags | string[] | Filter nach Tags | [] |
| slugs | string[] | Explizite Slug-Auswahl | [] |
| mode | 'grid' | 'slider' | Anzeigemodus | 'grid' |
| interval | number | Slider-Intervall in Millisekunden | 6000 |
| isDark | boolean | Dunkles Design | false |
| id | string | Widget-ID für Anchors | - |
Lorem ipsum
Lorem ipsum dolor sit
DynamicTestimonials - Slider
Automatisch rotierender Slider
Die DynamicTestimonials-Komponente kann auch als automatisch rotierender Slider angezeigt werden.
Codebeispiel
<DynamicTestimonialsid="testimonials-slider"title="Lorem ipsum dolor sit"subtitle="Amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat."tagline="Lorem ipsum"count={5}mode="slider"interval={5000}isDark={false}/>