Component Name

Displays an array of testimonials in a slider.

Installation

yarn add @berlitz/testimonials

Props

| Argument | Type | Required | Default | Example | | --------- | ---- | -------- | ------- | ------- | | data | array of testimonials | ✅ | | (see usage below) | | title | string | - | | "Hear what our customers say" | | readMoreText | string | - | "Read more" | |

Data

| 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 |

Usage

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 = () => <Testimonials data={data} />