The SUSE Design System uses cookies to help us learn more about how we can improve the design system.
Learn more about our cookie policy

info
Didn’t find the component you were looking for? Take a look on what’s coming next or contact us.
Looking for components? what’s next or contact us.
close
SUSE product brand logotype

Inline alerts

Inline alerts are used to notify a user of the status of an action within a component when the action is triggered in real time.


linkDescription

  • They are often triggered in response to an action by the user.
  • Inline alerts are positioned within the area or form they relate to.
  • Alerts of high importance (warning or danger) should not close automatically, until the situation has been resolved.
Inline alert position

linkDifferent states and types

Success

Success alerts should be used when an action was performed successfully.

check_circle
Settings saved.
close
content_copy

Info

Info alerts should be used when there are tips or information that a user can benefit from.

info
New comments awaiting response.
close
content_copy

Warning

Warning alerts should be used for messages that likely require attention.

warning
Subscription expiring soon.
close
content_copy

Danger

Danger alerts should be used when the system has failed to perform an action, or when the user has made an error.

* Never include a close icon or link to dismiss the action. In cases when alert should be dismissible use warning alert instead.
error
Subscription expired. Renew subscription.
content_copy