@ecl/generic-component-label

ECL Labels

Usage no npm install needed!

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

README

Labels

Why and how to use this component

Allows the user to see an highlighted element or to indicate a status to the user.

Label types

Status Colour
Upcoming EC yellow 25
Open / Highlight EC yellow 100
Closed EC grey 15

When to use this component

  • on the top of the listing component, close to the meta information

Do not use this component

  • if you are not using a listing component
  • with long sentences
  • with smaller case letters. Labels are always in uppercase letters