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