Components
Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages.
The default form of solid color avatars.
The default form of soft color avatars.
Use a discovery message to signify an update to the UI or provide information around new features and onboarding.
You have successfully updated your email preferences.
Your purchase has been declined.
Alerts can also contain additional HTML elements like headings, paragraphs and icons.
Similarly you can use lists.
More actionable alert example.
Use utility classes to quickly provide matching colored links within any alert.
A new software update is available. See what's new in version 3.0.7
Use a discovery message to signify an update to the UI or provide information around new features and onboarding.
Chris Lynch published a new version of this page. Refresh to see the changes.
Note that this component requires the use of our Remove Element plugin, else you can skip this message if you are already using Preline UI as a package.
Use dismiss-alert
to dismiss a content.