Callout Full

A Callout Full component is a boxed area of text designed to draw attention to information outside of the main body of text. 

This is a callout simple component.

This component allows you to format text in certain styles, with headings 2-5.

You can also format text in bold and italic, and even display a

button

You can also have lists:

  • such as a bulleted list
  • such as a bulleted list
  • such as a bulleted list

Or you can have a numbered list

  1. Like this
  2. Like this
  3. Like this

You can also display links

When to use this component

Use this component to:

  • For key facts and tips outside of the narrative.
  • For 1-2 paragraphs of text that may contain buttons, links, and headings.

Decide between using Callout Block, Callout Full, Callout Short and Callout Time Location

Callout Block, Callout Full, Callout Short and Callout Time Location all work to draw attention to a certain body of text. Avoid using any of these components together, as they will lose their individual impact on a page.

If you decide to use one of these components, consider if:

  • A short body of text (a paragraph) that emphasizes a point relevant to the body of text it is displayed next to, use the Callout Block component.
  • A medium sized body of text (a couple of paragraphs) (incl. buttons, links, and headings if applicable) that highlights key facts and tips, use the Callout Full component.
  • A snappy sentence with big impact, and can be scanned and read without context of the page, use the Callout Short component.
  • Specific information about an event, training course, campaign details etc, then use the Callout Time Location component.