Quote
Add emphasized quotes from relevant people. Variants include Quote and Quote With Image.
The Quote component is used to make quotations stand out on the page.
There are two variants of the Quote component:
- Quote
This variant contains a quote text and an optional quote source. It is intended for use on text-based content pages, as it aligns well between text content components. - Quote With Image
This variant has the same options as the simple quote variant, adding an image option for placing a company logo or profile picture to the right side of the component. It spans across the entire content area, making it more suitable for standalone use, e.g. on overview pages and as a content divider.
Example Quote Component Example
The Quote component is an excellent tool for bringing relevant quotes from prominent people to life.
When using the Quote component you get a nice design, and you also ensure that the content has the correct HTML markup.
Example Quote With Image Component Example
The Quote With Image component spans the entire width of the screen and allows for a company logo or a profile picture in the right side of the component.
Quote Component Tips and tricks
The quotation marks ("...") surrounding the text are inserted programmatically and are not meant to be added in the actual quote text. The start quote is added before the first paragraph tag (<p>) and the end quote is added after the last paragraph – which can be same first if there is only one quote. If the quotes do not appear automatically, check the Rich Text editor to make sure the text has surrounding paragraph markup.