---
title: "Testimonial feature"
description: "One customer's quote set large, beside three numbers from their account."
plan: Pro
docs: https://ui.edbn.me/docs/blocks/testimonial-feature
---

# Testimonial feature

One customer's quote set large, beside three numbers from their account.

The quote takes about seven twelfths of the row and the figures the rest, with hairlines between them. Tablets put the figures in a row under the quote and phones stack them. The quote is the visible heading; a hidden title names the section for screen readers. An optional link leads to the full story.

A Pro block built on Base UI and Tailwind CSS v4.

## Installation

This is a Pro item. Once per project, create a token at https://ui.edbn.me/dashboard/tokens, put it in `.env.local` as `EDBN_TOKEN`, and add the registry to `components.json`:

```json
{
  "registries": {
    "@edbn": {
      "url": "https://ui.edbn.me/r/{name}.json",
      "headers": { "Authorization": "Bearer ${EDBN_TOKEN}" }
    }
  }
}
```

Then install:

```bash
npx shadcn@4.19.0 add @edbn/testimonial-feature
```

## Dependencies
- npm: lucide-react@^1.33.0
- edbn: edbn-base, avatar, separator, text-link

## Source

The source is part of Pro (https://ui.edbn.me/pricing). The install above adds it to the project, ready to edit.

## More testimonials blocks

All 4, with install commands: https://ui.edbn.me/docs/blocks/testimonials · https://ui.edbn.me/docs/blocks/testimonials.md

## For agents
- Base theme, once per project: npx shadcn@4.19.0 add https://ui.edbn.me/r/edbn-base.json
- MCP server with search, items, examples and source: https://ui.edbn.me/mcp
- Every page and item: https://ui.edbn.me/llms.txt