« Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo. Elit sunt amet fugiat. »
Getting started
UI
W.Feature
Widget
.
Tagline
Subtitle
« Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo. Elit sunt amet fugiat. »
« Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo. Elit sunt amet fugiat veniam occaecat fugiat. »
« Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo. Elit sunt amet . »
---
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',
}}
/>
Prop | Type | Default | Description |
---|---|---|---|
title | string | - | Title in Headline component |
subtitle | string | - | Subtitle in Headline component |
tagline | string | - | Tagline in Headline component |
callToAction | ToAction | string | ToAction[] | string[] | - | Action button or link. See the ToAction for details. |
items | Array | [] | Array of Testimonial items |
isAfterContent | boolean | false | - |
id | string | - | Specify a unique id for the section |
isDark | boolean | false | Adds the dark CSS class to the WidgetWrapper |
bg | string | - | Set background element |
classes.container | string | - | CSS classes for the root container |
classes.action | string | - | CSS classes for each action |
classes.headline.{...} | string | - | CSS classes for the Headline component |