Component Status

Components in the system are labelled with status labels reflecting their state of completion. This can be achieved by using JSDoc style comments inside the <code/> block. Like this:

<script>
  /**
   * @version `prototype`
   */
  export default {
    name: 'Heading',
    props: {
      level: {
        type: String,
        default: 'h1'
      }
    }
  }
</script>

You can see all available statuses listed below:

Label	Color	Description
Deprecated	Red	Component is deprecated
Prototype	Red	Do not implement!
WIP	Yellow	Work-in-progress…
Ready	Green	Ready to be used.