Skip to main content

Pullquote

Pullquote — Prism component.

Signature
Density
Viewport
Theme follows the navbar ☀/☾ toggle
Live demo
Open ↗

When to use

Pullquote — Prism component.

Accessibility

Use semantic elements (as/level) so structure—not just size—conveys hierarchy. Respect the reader’s line-length and contrast settings.

Import

const { Pullquote } = window.PrismDesignSystem_39d121;

Props

PropTypeRequiredDescription
attributionReact.ReactNodeName / source shown below the quote.
roleReact.ReactNodeSecondary line under the attribution (title, company).
accentbooleanColor the quote in the brand accent.
childrenReact.ReactNode
classNamestring