# Testimonials

Use the testimonials content block to display one or more client testimonials.

## Overview

The `testimonials` content block renders one or more client testimonials. You can render them as a carousel or as columns.

### Carousel

Set `carousel` to `true` to render a carousel of multiple testimonials.

```yml
- _bookshop_name: testimonials
  card:
    color: body-tertiary
    subtle: false
  cols: 1
  icon_style: fa-4x text-secondary
  carousel: true
  testimonials:
    - icon: linkedin
      content: First testimonial.
      link: #!
    - icon: google
      content: Second testimonial.
      link: #!
    - icon: github
      content: Third testimonial.
      link: #!
```

### Columns

Set `cols` to `3` to render three testimonials as columns.

```yml
- _bookshop_name: testimonials
  card:
    color: body-tertiary
    subtle: false
  cols: 3
  icon_style: fa-2x text-secondary
  carousel: false
  testimonials:
    - icon: linkedin
      content: First testimonial.
    - icon: google
      content: Second testimonial.
    - icon: github
      content: Third testimonial.
```

### Minimal

Set `responsive` to `false` and omit any content to render a minimal, horizontal stack of icons.

```yml
  - _bookshop_name: testimonials
    cols: 5
    background:
      color: body-tertiary
    icon_style: fa-2xl text-secondary
    align: center
    responsive: false
    testimonials:
      - icon: github
      - icon: google
      - icon: linkedin
      - icon: facebook
      - icon: pinterest
```

## Arguments

The content block supports the following arguments:

| Name | Type | Required | Default | Description |
| --- | --- | --- | --- | --- |
| `align` | select |  | `start` | Alignment of the headline, content, or icon. Supported values: [`start`, `center`, `end`]. |
| `background` | background |  |  | Background style of the section. |
| `bg-class` | string |  |  | Background class attributes of the element. It supports Bootstrap attributes to modify the background styling of the element. |
| `card` | card |  |  | Background styling of the card. |
| `carousel` | bool |  |  | Flag to show the elements as carousel. |
| `cols` | int |  | `3` | Number of grid columns. |
| `cover` | bool |  |  | Flag indicating if the element should be rendered fullscreen. |
| `fluid` | bool |  | `true` | Flag to set the section container to fluid design, else the section is limited to `xxl`. |
| `heading` | heading |  |  | Heading of the content block, including a preheading and content element. |
| `icon-style` | string |  |  | Icon style. |
| `justify` | select |  | `start` | Justification of the child elements. Supported values: [`start`, `end`, `center`, `between`, `around`, `evenly`]. |
| `overlay-mode` | select |  |  | Overlay mode of the element, overrides the site's general configuration. Supported values: [`light`, `dark`, `none`]. |
| `padding` | int |  | `3` | Padding of the content. |
| `responsive` | bool |  | `true` | Flag indicating if the element should be responsive. |
| `section-class` | string |  |  | Section class attributes of the element. It supports Bootstrap attributes to modify the section styling of the element. |
| `testimonials` | testimonials | yes |  | Collection of testimonials to add. |
| `theme` | select |  |  | Color theme to apply to the element. Supported values: [`light`, `dark`]. |
| `wrapper` | string |  |  | Class attribute of the element's wrapper. It supports Bootstrap attributes to modify the styling of the element. Icons include the `fa-wrapper` and `fa-fluid` attributes by default. |