@ecl/generic-component-message

ECL Messages

Usage no npm install needed!

<script type="module">
  import eclGenericComponentMessage from 'https://cdn.skypack.dev/@ecl/generic-component-message';
</script>

README

Messages

Why and how to use this component

Provide contextual feedback messages for typical user actions with the available flexible alert messages.
These includes errors, warnings, and general updates. For each kind of warning we use an icon and a specific colour.

When to use this component

Status Colour Usage
Success EC Green N Forms / Page notification (bellow the page header)
Informative EC Blue N Forms / Page notification (bellow the page header)
Warning EC Orange N Forms / Page notification (bellow the page header)
Error EC Red N Forms / Page notification (bellow the page header)
Live stream EC Orange N Pages with livestream content (bellow the page header)

When not to use this component

  • to include notifications that aren't related to the user's current goal
  • but don't overdo it — too many notifications will either overwhelm or annoy the user and are likely to be ignored