Design components that signal Errors
Error concepts. UX Documentation Guidelines.
Input Fields
Used in forms and dialogs. Provide data.
Text Areas
Collect user inputs like comments, feedback, or reviews.
Toasts
Displayed until dismissed or adjusted by the user.
Warn Alerts
Provide contextual warn feedback messages about user actions.
Warn buttons
Signal destructive user actions. Used in Forms, Dialogs, Pages.
If you consider creating more than one alert button in an app or Design System, here are some tips
Buttons with a solid background convey more visual focus and resemble more destructive actions for the user, such as losing data or not being able to reverse the action.
Outline buttons are less harmful and alert about actions that can be corrected.
Text buttons highlight actions that require more attention.
Thank you for watching ;)
