danielroe.dev / ripple-framework
[READ-ONLY] Mirror of https://github.com/danielroe/ripple-framework. Ripple is the presentation layer for building websites on the DPC Single Digital Presence platform.
0
Fork 0

Configure Feed

Select the types of activity you want to include in your feed.

ripple-framework / docs / content / design-system / 5.components / 6.block-quote.md
971 B

title: Block Quote description: The Block Quote adds emphasis to a quote. layout: page label: Core links:

  • text: Figma url: #colour
  • text: Storybook url: #component

Usage#

Block quotes emphasise:

  • important information
  • excerpts from a source.

::DocsExample#

id: core-containers-content--blockquote#

::

When and how to use#

  • Only use text in block quotes
  • Always include Open-quote and Close-quote ("")
  • Can include optional author metadata
  • You can feature more than one quote by a single author
  • Only use in content sections

When and how not to use#

Do not repeat metadata across different quotes.

Theming#

The Block Quote uses colour to add subtle visual prominence.

::DocsThemeChooser ::DocsExample#

id: core-containers-content--blockquote#

:: ::

To create your own theme, see theming guidance for designers or theming guidance for developers.