fonteva-design-guide/force-app/main/default/lwc/pfmBadge/pfmBadge.js

## Dev, Build and Test

import { LightningElement, track, api } from 'lwc';

export default class PfmBadge extends LightningElement {
    @track classes;
    @api type; // default, shade, danger, warning, success
    @api label;
    @api refreshAttributes() {
        this.connectedCallback();
    }
    connectedCallback() {
        const type = this.type ? ' pfm-badge_' + this.type : ' pfm-badge_default';
        this.classes = 'pfm-badge' + type;
    }
}