Testimonials component for the Max Design System
Displays an array of testimonials in a slider.
``shell`
yarn add @berlitz/testimonials
| Argument | Type | Required | Default | Example |
| --------- | ---- | -------- | ------- | ------- |
| data | array of testimonials | ✅ | | (see usage below) |
| title | string | - | | "Hear what our customers say" |
| readMoreText | string | - | "Read more" | |
| Key | Type | Required | Default | Notes |
| ---- | ---- | -------- | ------- | ------|
| image | string | - | - | Url to the testimonial image |
| text | string | - | - | Testimonial body text |
| author | string | - | - | Name of the testimonial author |
| language | string | - | - | The language the author of the testimonial studied |
| url | string | - | - | Useful for linking to a full testimonial page. |
| byline | string | - | - | Can be used as an alternative to author and language |
`jsx
import Testimonials from '@berlitz/testimonials'
const data = [
{
image: 'https://picsum.photos/200/300?image=823',
text: 'Learning with Berlitz was amazing!',
author: 'Sam',
language: 'Italian',
url: 'http://www.berlitz.com/testimonials',
},
{
image: 'https://picsum.photos/200/300?image=64',
text: 'I found learning with Berlitz to be a breeze.',
byline: 'Andrew Staker, Perth Australia',
},
]
const App = () =>
``