C44 Testimonial

The C44 Testimonial component is a flexible container for testimonial cards, supporting anywhere from 2 to 4 column layouts and optionally showing only the first row with the ability to expand to additional testimonials.

 

Component requirements

Testimonials component wrapper

Required:

  • Headline: Text field.
  • Background color: Dropdown. White/White smoke. Default: White smoke.
  • Number of columns: Dropdown. 1/2/3/ Default: 1.
  • Headline tag: Dropdown. H2/H3/H4/P/C03-Headline. Default. P.
  • Content alignment: Dropdown. Left/Center. Default. Center.
  • Expand button alignment: Dropdown. Left/Center. Default: Center.
  • Show only first row on load: Checkbox. Default: unchecked.

Optional:

  • Support copy: Rich text field.
  • CTA: Text field along with associated link type (internal/external/anchor/email/phone).

Testimonials component card

Required:

  • Testimonial text: Rich text field.
  • Testimonial author: Text field.

Optional:

  • Testimonial author title: Text field.

 

ADA requirements

  • Text meant to be a quote should use appropriate semantic markup or labeling so it is announced correctly by assistive technologies.

 

Component example

Example: C44 component on a white smoke background, in a 2 column configuration. 4 cards total displayed, with only first row of cards showing. Bottom CTA is enabled.

C44 testimonials headline (required)

C44 testimonials support copy (optional)
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et aliqua. 

John Doe

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Jane Doe