Component
Blockquote
Sets apart a quotation as a distinct block.
Install
Run the CLI to copy the source into your project.
pnpm dlx @stalk-ui/cli add @stalk-ui/blockquoteExamples
Live previews render through the docs app's PandaCSS codegen.
<Blockquote>The quick brown fox jumps over the lazy dog.</Blockquote>
<Blockquote tone="accent">A tinted pull quote draws the eye.</Blockquote>
<Blockquote size="sm">Compact attribution or aside.</Blockquote>
Props
Public component props extracted from the source TypeScript types.
| Prop | Type | Required | Default | Description |
|---|---|---|---|---|
| `size` | `BlockquoteSize` | No | - | - |
| `tone` | `Tone` | No | - | Tints the inline-start rule with a semantic palette. Defaults to a neutral border. |
Variants
Variant axes exposed by the underlying PandaCSS recipe or slot recipe.
| Variant | Values |
|---|---|
| `size` | `sm`, `md`, `lg` |
Registry
Files this component contributes to your registry install.
- Manifest: `/r/blockquote.json`
- Recipe: `blockquote`
- Files: `src/components/ui/blockquote.tsx`