Playground

Blockquote

typography

Styled blockquote for quotes and testimonials

Pull quotes, citations, and attributed text

import { Blockquote } from "@everydayos/ui";

Usage

Simple quote with border accent

"The design system has transformed how we build products. Everything feels cohesive and intentional."

— Product Designer

API

Prop	Type	Default
`className`	`string`	—
`children`*	`React.ReactNode`	—

Examples

Blockquote with Attribution

Quote with author attribution

<Stack spacing="xs">
  <Blockquote>
    "The design system has transformed how we build products. Everything feels cohesive and intentional."
  </Blockquote>
  <Text variant="muted" className="text-right">— Product Designer</Text>
</Stack>

Composition

Pairs well with

Text

Stack

Surface

When to avoid

Need inline emphasis — use Highlight instead
Need code reference — use InlineCode instead