IxDF Design System

“Testimonial Card” Component

Design: zeplin.

Testimonial cards are similar to press cards. They’re used for article-form member testimonials and shown on the Why Join Us page.

Usage

@include('components.cards.testimonial', [
    'title' => 'Exceeding My Learning Expectations',
    'text' => 'I can’t say enough how grateful I am for this portfolio class.',
    'author' => 'Nicena Fontaine',
    'image' => 'https://public-media.interaction-design.org/images/members/57615/profile_pic/medium.4c2eee7f18e0309dcfca2b1bef18944a.jpg',
    'url' => '#my-story',
])

Props

  • image (required)
    string

    Image URL for the card.

  • url
    string

    URL for the card’s link.

  • title
    string

    Title for the card (plaintext).

  • author
    string

    Text below the main excerpt, usually author’s name (plaintext).

  • text
    string

    Text content for the card (plaintext).