Blockquote

A styled quotation block with optional author and source attribution.

Install

npx @beaket/ui add blockquote

Import

import { Blockquote } from "@/components/ui/blockquote"

Examples

Variants

export const AllVariants = () => (
  <div className="space-y-6">
    <Blockquote>Simplicity is the ultimate sophistication.</Blockquote>
    <Blockquote author="Dieter Rams">Good design is as little design as possible.</Blockquote>
    <Blockquote author="Product Team" authorTitle="Design Lead">
      Clarity over decoration. Function before form. Every pixel accountable.
    </Blockquote>
  </div>
);

Props

Name	Type	Default	Description
cite	string \| undefined	—	URL source for the quote
author	string \| undefined	—	Name of the person being quoted
authorTitle	string \| undefined	—	Title or role of the author