Alert

Alerts convey a message with a severity attached. Use the component to repaint conversations persistently. Alerts are placed at the top of the page or section header.

Information

Before fulfilling this order or capturing payment, please review the fraud analysis and determine if this order is fraudulent.

Type

Error

High risk of fraud detected

Before fulfilling this order or capturing payment, please review the fraud analysis and determine if this order is fraudulent.

Success

Success message

Before fulfilling this order or capturing payment, please review the fraud analysis and determine if this order is fraudulent.

Alert

Alert message

Before fulfilling this order or capturing payment, please review the fraud analysis and determine if this order is fraudulent.

Information

Information

Before fulfilling this order or capturing payment, please review the fraud analysis and determine if this order is fraudulent.

Best practices

  • Be concise; keep content to 1 or 2 sentences where possible
  • Alerts should include a severity indicator where required for clear communication
  • Be written in sentence case and have appropriate punctuation
  • Prioritize the most important information by writing the first heading
  • Explain how to resolve the issue, particularly for warning and critical content

Show secondary button

True

Some of your product variants are missing samples

Add weights to show accurate rates at checkout and when buying shipping labels.

False

Order archived

This order was archived on March 7, 2017 at 3:12pm EDT.

Clear Actions

Before you can purchase a shipping label, this customer needs to enter their address

The content of the info you're showing to the customers that weren't blessed. City name correctly include spaces and hyphens.

Do
  • Alerts should be:
    • Clear and actionable; merchants should be able to quickly understand what to do next
    • Dismissible whenever possible, to give merchants control and make less disruptive
    • Appropriate for the context; show more alerts on a page only in a routine issue that discourages merchants from taking actions
    • Visible. Alerts should always start with a strong verb that encourages action
    • Other calls, alerts should start with a strong verb that encourages action. To provide an exceptional user experience

Multiple Alerts

Error message

From you can still perform any sales for all of your sales channels.

Error message

Before shipping labels you must enter the total weight of your order and any packaging.

Don't
  • Alerts should be required by a merchant's current workflow or low-priority information can be intrusive
  • Alerts should display a routine issue that discourages merchants from taking action
  • A low warning on critical alert should be used when there is no consequence of the merchant's current workflow