Skip to main content Red Hat Design System logo Contribute on Github v1.4.5

Blockquote

Overview Style Guidelines Code Demos Accessibility

Installation

Usage 

<rh-blockquote>
  <p>In open source, we feel strongly that to really do something well, you have to get a lot of people involved.</p>
  <span slot="author">Linus Torvalds</span>
  <span slot="title">Software Engineer</span>
</rh-blockquote>

rh-blockquote

Slots 3
Slot Name Description

Provide a quote for the blockquote
author

Provide an author for the blockquote
title

Provide an author title for the blockquote
Attributes 5
DOM Property Description Type Default
title 
string

'Blockquote'
colorPalette

Set the colorPalette of the blockquote. Possible values are:

  • lightest (default)
  • darkest
 
ColorPalette | undefined

unknown
align

Set the alignment of the blockquote. Possible values are:

  • left (default)
  • center
 
'center' | 'inline-start'

'inline-start'
highlight

Optional highlight attribute that, when present, shows a highlight on side of blockquote.

 
boolean

false
size

Set the text size of the blockquote. Possible values are:

  • default
  • large
 
'default' | 'large'

'default'
Methods 0

None

 Events 0

None

 CSS Shadow Parts 0

None

 CSS Custom Properties 0

None

 Design Tokens 0

None
© 2021-2024 Red Hat, Inc. Deploys by Netlify