Sha256: 11c04384e5f55e3383fe68a8ab8b15c341d85a2a137b722bcfc857fd46407d48
Contents?: true
Size: 674 Bytes
Versions: 24
Compression:
Stored size: 674 Bytes
Contents
import { Controller } from 'stimulus'
export default class extends Controller {
spinnerMarkup = `<div class="button-spinner">
<div class="double-bounce1"></div>
<div class="double-bounce2"></div>
</div>`;
connect() {
const button = this.context.scope.element
this.context.scope.element.addEventListener('click', () => {
button.style.width = `${button.getBoundingClientRect().width}px`
button.style.height = `${button.getBoundingClientRect().height}px`
button.innerHTML = this.spinnerMarkup
button.classList.add('justify-center')
setTimeout(() => {
button.setAttribute('disabled', 'disabled')
}, 1)
})
}
}
Version data entries
24 entries across 24 versions & 1 rubygems