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

## Dev, Build and Test

import { LightningElement, api, track } from 'lwc';
import { loadStyle } from 'lightning/platformResourceLoader';
import BASE from '@salesforce/resourceUrl/PFM_Base';

export default class PfmHelpText extends LightningElement {
    @api label;
    @api required;
    @api content;
    @api backend;
    @api align;
    @api labelHidden = false;

    @track valHelpText = false;
    @track valBackend;
    @track valAlign = 'left';

    connectedCallback() {
        this.valHelpText = this.content !== undefined;
        //this.valBackend = this.backend ? 'pfm-helptext_backend' : '';
        //        if (this.align) {
        //            this.setAttribute('class', 'pfm-label-align_' + this.align)
        //        }
    }

    renderedCallback() {
        const self = this;
        if (!this.labelHidden && this.backend) {
            this.loadDependentBackendStyles();
            self.template.querySelector('c-pfm-text').classList.add('pfm-text_backend');
        }
    }

    loadDependentBackendStyles() {
        if (!window.pfmHelpTextStyleLoaded) {
            loadStyle(this, BASE + '/css/component/input/help-text-backend.css');
            window.pfmHelpTextStyleLoaded = true;
        }
    }
}