Callout Time Location
A Callout Time Location is a summary of information about an event, training course, campaign etc..
This component is designed to display information about:
- An event/course/campaign
- That is taking place on a certain date
- It may include a link to an external or internal website
- You may also need to display information in a numbered list
When to use this component
Only use this component to inform the user of vital information such as the time and location of an event that is going to take place.
Use this component instead of message alert.
When not to use this component
Do not use if you want to display content that is not relevant to an event, as the icon that is displayed with this component is specifically designed to support time location information.
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.
