# ContentQuote

The ContentQuote components provides a <figure> with a <blockquote> with optional caption.

Storyblok

This component exists in Storyblok too.

blok: {
  // required
  quote: ''
  // optional
  caption: ''
}

1
2
3
4
5
6

# Dependencies

None.

# Props

Name	Type	Required	Default	Description
quote	`String`	`true`	-	`<blockquote>`
caption	`String`	`false`	`""`	`<figcaption>`

# Variants

None.

# Example

Good

<!-- Use the props to pass the content to the component. -->
<ContentQuote
  quote="Cool, cool cool cool"
  caption="Abed Nadir, Community"
/>

<!-- Pass data from an object -->
<ContentQuote :quote="blok.quote" :caption="blok.caption" />

1
2
3
4
5
6
7
8

Bad

<!-- Use the props for passing the content.
  This Component does not have a slot. -->
<ContentQuote>
  lorem impsum
</ContentQuote>

1
2
3
4
5