Specifications for the Quote component
The Quote component is meant to be big, eye-catching, and takes up a decent amount of real estate.
Rather than a "pull-quote" where a snippet of a larger quote is pulled out and is featured big and bold, this Quote component is meant for a standalone quote.
There is a small and large quote option that can be used. The length of the quote will determine whether the small are large version should be used.
Examples of the large and small quote.
Authoring Experience
Below are screenshots and authoring notes regarding the authoring of the Quote component. Authoring notes are found in red text on the screenshots and below images as captions.
Quote: Paintbrush
The Quote component has a couple ways that it can be styled using the Style Options Paintbrush icon. The styles should be changed dependant on the length of the quote. Short quotes should use the larger text, long quotes should use the smaller text.
Paintbrush options to change the appearance of the Quote component
Live component examples
Below are two examples of the Quote component. The first being the small quote and the second being the large quote.
The text size and alignment can be changed with the Style Options, using the paintbrush icon.
The Lady of the Lake, her arm clad in the purest shimmering samite, held aloft Excalibur from the bosom of the water, signifying by divine providence that I, Arthur, was to carry Excalibur.
King Arthur
First shalt thou take out the Holy Pin. Then shalt thou count to three, no more no less. Three shalt be the number thou shalt count, and the number of the counting shalt be three. Four shalt thou not count, neither count thou two, excepting that thou then proceed to three. Five is right out. Once the number three, being the third number, be reached, then lobbest thou thy Holy Hand Grenade of Antioch towards thou foe, who being naughty in my sight, shall snuff it.
The Monk
Looking for other components?
Follow the link below to return to all components.
