Callout Component: Styling and Operation Examples
Category: ExamplesThe callout component can convey: notifications, announcements, alerts, warnings, notices, and other informational messages. It serves as a replacement for alert and notice components.
Opaque
Borderless
Square Corners
No Background or Borders
Using Titles
Using Animated Icons
Add the result attribute to display animated icons. Since these icons are from the oc-result component, they support the following themes:
Quick Styles
Using Images
Using Links
Set navigation links with the href attribute.
Close Button
Use the closable attribute to display a close button.
Auto-Close
To enable auto-close functionality, set the autoclose attribute. To specify a countdown time, set a specific value in milliseconds (ms). Note that the countdown bar takes up some height, so this feature isn't suitable for small-sized layouts.