Insites Docs Web Components V1FeedbackNotification Item

Notification Item

Last updated on August 02, 2024.

Element: <ins-notifications-item>

Defines a notification item.

Complete Example

Code Snippet

<ins-button id="toggleButton" label="Open"></ins-button>

  <ins-notifications id="sample-notification">
    <ins-notifications-item event-type="Task Completed" heading="Heading" duration="5 mins ago" desc="This is a sample notification.”
      link="/" link-label="View Task" icon="icon-check" status="green">
    </ins-notifications-item>
  </ins-notifications>
  <script>
    var insNotificationsEl = document.getElementById('sample-notification');
    var toggleButton = document.getElementById('toggleButton');
    toggleButton.addEventListener('click', function () {
      insNotificationsEl.toggleNotificationshandler();
    });
  </script>

 

Properties

 

FIELD ATTRIBUTE TYPE DEFAULT OPTIONS DESCRIPTION
event-type string "" any Defines event title value
heading string "" any Defines heading value
duration string "" any Defines the time displayed
desc string "" any Text content about the notification
icon string "" any Defines the icon class to be used
status string "" any Defines class / color to be used for the icon
link string "" any Link / URL
link-label string "" any Defines the link label to be used

 

Have a suggestion for this page?

Didn't quite find what you are looking for or have feedback on how we can make the content better then we would love to hear from you. Please provide us feedback and we will get back to you shortly.