Notice
<gcds-notice>

Also called: Contextual alert.

The notice is a short, prominent message that’s part of the page content.

• GitHub
• Figma

Problems notice solves

Use notice to:

• Communicate updates, warnings, and confirmations about the tasks on a page or about an activity or event that could affect people using the service.
• Make key messages stand out within page content, through sparing use.
• Provide context or additional information on the page content for better understanding.

Related components

Error message or error summary for errors in a form field, on a page, or in a flow.

Banner for a message that applies to part of or the entire site or product.

Notice types

Set the notice type based on the message context and corresponding visual appearance.

Information

Use the information type to:

• Provide supplementary information to enhance the reader’s understanding of the surrounding content.
• To offer tips or additional context that’s helpful in completing the main tasks on the page.
• Communicate non-critical information that’s important for the job or task a person would want to do.

Thank you for your interest in Canada Summer Jobs. Applications are now closed.

Success

Use the success notice type to:

• Communicate the successful completion of a task.
• Reinforce positive outcomes or confirmations within the content.

Processing your request may take up to four (4) weeks. We’ll contact you if we need more information.

Warning

Use the warning notice type to:

• Caution people about issues or considerations when there’s no immediate need for action.
• Inform people about changes, alterations to services, or other impactful but non-critical updates.
• Draw attention to information about future changes or possible implications to health and safety, security, and laws.

New penalties for impaired driving and cannabis-related crimes may affect your immigration status in Canada. If you commit one of these crimes, you may not be able to come to or stay in Canada.

Danger

Use the danger notice type to:

• Highlight content that people must be aware of due to its severity and that could have major negative impacts if ignored.
• Emphasize an issue or news that has serious implications to health and safety, security, and laws. Include a link to the most current information.
• Flag when a person needs to take action right away and provide a means to do so, like a link.

Avoid travel to Costa Rica if you are pregnant or planning to conceive a child in the next 3 months.