PullQuote

Large decorative pull quote with a colored left border, oversized quote mark, and optional attribution. Uses font-display (Archivo Black) for maximum impact.

Usage

tsx

import { PullQuote } from 'fxui-core';

<PullQuote author="Dieter Rams" source="10 Principles">
  Good design is as little design as possible.
</PullQuote>

Accent Colors

yellow · pink · green · blue · purple · black

tsx

<PullQuote accent="pink" size="lg" author="Designer">
  Design is intelligence made visible.
</PullQuote>

Props

| Prop | Type | Default | |------|------|---------| | accent | string | 'yellow' | | size | 'sm' \| 'md' \| 'lg' | 'md' | | author | string | — | | source | string | — |

Renders as <figure> / <figcaption> for proper semantic HTML.