Blockquote

Layout

The width of a blockquote on large screens is determined by alignment and if they're used with a component.

When used on its own or with large text styles or a logo on top, a left-aligned blockquote is seven grid columns wide

A center-aligned blockquote is eight grid columns wide and can't be used with other components

When used with a Card, a left-aligned blockquote is seven grid columns wide (7-1-4 layout)

When used with a Video thumbnail, a left-aligned blockquote is five grid columns (5-1-6 layout)

---

Best practices

Don't omit attribution from a blockquote.

Don't add a thin vertical bar to a left-aligned blockquote that's used by itself.

Don't place components next to a center-aligned blockquote.

Interaction states

A blockquote should be text only and shouldn't include any links that might distract a user from reading.

---

Spacing

A blockquote uses PatternFly 4 spacers to define the spacing values between elements.