Clothesline
Testimonial cards pegged to a swaying clothesline.
Usage
import { TestimonialClothesline } from '@/components/blocks/testimonial-02'
<TestimonialClothesline />
// Swap in your own content
<TestimonialClothesline
title="Hung out to dry"
description="What teams say after their first month."
items={[
{
quote: 'Your customer quote here.',
name: 'Jane Doe',
role: 'Head of Design, Your Company',
avatarSrc: '/avatars/jane.jpg',
},
]}
/>
Install
pnpm dlx shadcn@latest add @pastaui-pro/testimonial-02npx shadcn@latest add @pastaui-pro/testimonial-02yarn dlx shadcn@latest add @pastaui-pro/testimonial-02bunx --bun shadcn@latest add @pastaui-pro/testimonial-02Source
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| items | ClotheslineTestimonial[] | = Six sample testimonials | Cards pegged to the line, each with quote, name, role, and an optional avatarSrc. The default avatars are placeholder portraits. |
| title | string | = 'Fresh off the line' | Section heading, set in Manrope. |
| description | string | = 'Notes from the teams…' | Supporting paragraph under the heading. |
| id | string | = — | Optional id for in-page anchors. |
| className | string | = — | Additional classes for the section. |