1. Home
  2. Design System
  3. Page Components
  4. Information Box

Information Box

An information box highlights text on a page.

Where it goes: At the top of the page

Required or optional: Optional

Use: Draw attention to timely announcements


Name of field Required/Optional Case
Heading Required Title case
Icon Optional  
Text Required Sentence

Note: Body text immediately following an Alert / Information Box must always start with a heading.

Usability notes

  • Don't use more than one paragraph
  • Heading and text must be concise

Live Example

An example of an Information Box within a page. There is other content directly before and after the box. The Information Box is a yellow background with a heading and text that includes paragraphs and lists.
Date Last Reviewed: