Alert
Alerts are direct notifications with users, they are used to give urgent feedback on something that is happening in the application. But they can also be annoying if they are used at inappropriate times or in excess.
Preview
Uses
In general, it is important to use alerts in an interface strategically and considering the context of use. A good practice is to limit the number of alerts displayed and allow the user to control the frequency or notifications.
When to use
When not to use
Behaviour
The alert component appears integrated into the content and implies a warning that can disappear automatically after a period of time or by clicking on the user.
We will choose the type of alert depending on the type of alert: error, information, success or alert. We will use the alerts as and when necessary, without saturating the user with information.
In the message we will show the precise information of what is happening, adapting to the particular situation in each case.
Types
Simple
With title
With link
Close
States
Info
Warning
Error
Success
Accessibility
This component has been validated to meet the accessibility requirements of UNE-EN 301549:2022, which includes the criteria of WCAG 2.1 (AA), however, changes in content and styles can affect accessibility compliance. We must make sure to review and follow the guidelines in this section when you update or add new content or style to this component.
