Display user feedback with author info, avatar, and verified badge.
Installation
$ pnpm dlx shadcn@latest add @ncdai/testimonial
Usage
import {
Testimonial,
TestimonialAuthor,
TestimonialAuthorTagline,
TestimonialAuthorInfo,
TestimonialAuthorName,
TestimonialAvatar,
TestimonialAvatarImg,
TestimonialAvatarRing,
TestimonialQuote,
TestimonialVerifiedBadge,
} from "@/components/testimonial"<Testimonial>
<TestimonialQuote />
<TestimonialAuthor>
<TestimonialAvatar>
<TestimonialAvatarImg />
<TestimonialAvatarRing />
</TestimonialAvatar>
<TestimonialAuthorName>
<TestimonialVerifiedBadge />
</TestimonialAuthorName>
<TestimonialAuthorTagline />
</TestimonialAuthor>
</Testimonial>Composition
Use the following composition to build a Testimonial
Testimonial
├── TestimonialQuote
└── TestimonialAuthor
├── TestimonialAvatar
│ ├── TestimonialAvatarImg
│ └── TestimonialAvatarRing
├── TestimonialAuthorName
│ └── TestimonialVerifiedBadge
└── TestimonialAuthorTagline