@berlitz/testimonials

Testimonials component for the Max Design System

Usage no npm install needed!

<script type="module">
  import berlitzTestimonials from 'https://cdn.skypack.dev/@berlitz/testimonials';
</script>

README

Component Name npm version

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