Method render

openlibrary/components/lit/OLButton.js:80–93

()

    }

    render() {
        // The label and spinner are both always in the DOM so we can crossfade
        // between them via CSS. The spinner has its own element (rather than a
        // ::before on the button) because the scale-in transition and the
        // rotation animation both need `transform` — splitting them across the
        // wrapper span and its ::before keeps them from stepping on each other.
        return html`
            <button
                type=${this.type}
                ?disabled=${this.loading || this.disabled}
                aria-busy=${this.loading ? 'true' : 'false'}
            >${this._label}<span class="ol-btn-spinner" aria-hidden="true"></span></button>
        `;
    }
}

customElements.define('ol-button', OLButton);