0.7.2

WidgetTestimonials

Source code

.

Tagline

Title

Subtitle

« Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo. Elit sunt amet fugiat. »


Elena Ruz

Elena Ruz. New York

Sep. 12 2024

« Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo. Elit sunt amet fugiat veniam occaecat fugiat. »


John lewis. London

Sep. 12 2024

« Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo. Elit sunt amet . »


John Doe. Singapur

Sep. 12 2024

---
import { WidgetTestimonials } from '@yatoday/astro-ui/astro';
---

<WidgetTestimonials
  title="Title"
  subtitle="Subtitle"
  tagline="Tagline"
  items={[
    {
      description: `Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo. Elit sunt amet fugiat.`,
      author: 'Elena Ruz. New York',
      authorDescription: 'Sep. 12 2024',
      image: {
      },
      callToAction: {
        variant: 'outline',
        size: 'icon',
        icon: 'tabler:arrow-right',
        href: '/',
      },
    },
    {
      description: `Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo. Elit sunt amet fugiat veniam occaecat fugiat.`,
      author: 'John lewis. London',
      authorDescription: 'Sep. 12 2024',
      callToAction: {
        variant: 'outline',
        size: 'icon',
        icon: 'tabler:arrow-right',
        href: '/',
      },
    },
    {
      description: `Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo. Elit sunt amet .`,
      author: 'John Doe. Singapur',
      authorDescription: 'Sep. 12 2024',
      callToAction: {
        variant: 'outline',
        size: 'icon',
        icon: 'tabler:arrow-right',
        href: '/',
      },
    },
  ]}
  callToAction={{
    description: 'Read all',
    href: '/',
    icon: 'tabler:chevron-right',
  }}
/>

Props

PropTypeDefaultDescription
titlestring-Title in Headline component
subtitlestring-Subtitle in Headline component
taglinestring-Tagline in Headline component
callToActionToAction | string | ToAction[] | string[]-Action button or link. See the ToAction for details.
itemsArray[]Array of Testimonial items
isAfterContentbooleanfalse-
idstring-Specify a unique id for the section
isDarkbooleanfalseAdds the dark CSS class to the WidgetWrapper
bgstring-Set background element
classes.containerstring-CSS classes for the root container
classes.actionstring-CSS classes for each action
classes.headline.{...}string-CSS classes for the Headline component