Alert

Overview

An alert is a banner used to notify a user about a change in status or communicate other information. It can be generated with or without a user triggering an action first.

Status

What do these mean?

Figma library:

Ready

RH Elements:

Ready

WebRH:

Ready

Sample element

When to use

• When additional information needs to be emphasized
• When a user needs to be notified after performing an action
• When the severity of a message needs to be indicated

Status checklist

Property	Status	Meaning
Figma library	Ready	Component is available in the Figma library
RH Elements	Ready	Component is available in the RH Elements repo
WebRH	Ready	Component is available in the WebRH repo

Related elements or patterns

• Badge
• Button
• Popover