Vue Loading Button Component API

Loading Button API

CoreUI PRO
This component is part of CoreUI PRO – a powerful UI library with over 250 components and 25+ templates, designed to help you build modern, responsive apps faster. Fully compatible with Angular, Bootstrap, React.js, and Vue.js.

Explore the API reference for the Vue Loading Button component and discover how to effectively utilize its props for customization.

On this page

CLoadingButton

jsx
import { CLoadingButton } from '@coreui/vue-pro'

Props

PropertyDefaultType
disabledOnLoading-boolean

Makes button disabled when loading.

loadingfalseboolean

Loading state (set to true to start animation).

spinnerType'border'string

Sets type of spinner.

timeoutundefinednumber

Automatically starts loading animation and stops after a determined amount of milliseconds.

Events

Event name
click

Event called when the user clicks on a component.