Highlighted Quote

Blockquote with large text, attribution, and accent border.

Preview

The fastest path to a polished UI is starting with components that already look finished.

Staff Designer

Design Systems Team

Installation

terminal
$
Other package managers
bunx --bun shadcn@latest add https://trents.tech/r/highlighted-quote.json

Usage

highlighted-quote-demo.tsx
import HighlightedQuote from "@/components/blocks/highlighted-quote"

export default function HighlightedQuoteDemo() {
  return (
    <HighlightedQuote
      // Swap the quote and author details.
      quote="The fastest path to a polished UI is starting with components that already look finished."
      name="Staff Designer"
      role="Design Systems Team"
    />
  )
}
0