PullQuote. A prominent quotation with optional attribution and citation.

Article structure
Static
Stability · Initial

::postkit-pull-quote

The best publishing systems preserve meaning while letting presentation evolve.

Ada Hart — The Portable Web

Usage.

<PullQuote
  quote="The best publishing systems preserve meaning while letting presentation evolve."
  attribution="Ada Hart"
  cite="The Portable Web"
/>

Props. Always in step with the code.

Prop	Type	Default	Description
quoteRequired	string	None	The quoted text.
attribution	string	None	The quoted speaker or source.
cite	string	None	The cited work.
Appearance
size	"sm" \| "md" \| "lg"	"md"	The component density and type scale.
variant	"outline" \| "subtle" \| "plain"	"subtle"	The component visual treatment.

Every component also takes unstyled and the part-styling props. Change a default for your whole site with defaults in createPostkit. Part styles

Anatomy. Every part is yours to restyle.

Every part

root
mark
quote
attribution
cite

Renderers. One component, everywhere you publish.

Headless @postkit/reactSupported
Chakra @postkit/chakraSupported
Email @postkit/emailSupported
Astro @postkit/astroStatic
Web components @postkit/elementsPlanned

Next · Steps ›

PullQuote. A prominent quotation with optional attribution and citation.

Usage.

Props. Always in step with the code.

Anatomy. Every part is yours to restyle.

Renderers. One component, everywhere you publish.

Related.