Create angular library in your private npm registry on AzureDevOps  [ BADGE COMPONENT ] 

badge.component.css

.badge{
 width : fit-content;
 padding: 4px;
 border-radius: 30px;
}

.badge-success {
    background: green;
}

.badge-error {
    background: red;
}

.badge-warn {
    background: orange;
}

badge.component.html

<div class="badge badge-{{color}}">
    {{label}}
</div>

badge.component.ts

import { Component, OnInit, Input } from '@angular/core';

export type ColorType = 'warn' | 'success' | 'error';

@Component({
  selector: 'lib-badge',
  templateUrl: './badge.component.html',
  styleUrls: ['./badge.component.css']
})
export class BadgeComponent implements OnInit {

  @Input() label: string;
  @Input() color: ColorType;

  constructor() { }

  ngOnInit() {
  }

}