Vue Loading Button Component API
Loading Button API
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.
import { CLoadingButton } from '@coreui/vue-pro'
| Property | Default | Type |
|---|
| ariaLoadingLabel6.0.0+ | 'Loading' | string |
Names the spinner while the button loads and follows the button's name when the start is announced. An empty string hides the spinner from assistive technologies. |
| disabledOnLoading | - | boolean |
Blocks the button while it is loading: it gets aria-disabled="true" and .disabled, keeps focus, and ignores clicks and form submission. |
| loading | false | boolean |
Loading state (set to true to start animation). |
| spinnerTypeDeprecated 6.0.0 | undefined | string |
Sets type of spinner. Use spinnerVariant instead — spinnerType is ignored when spinnerVariant is set. |
| spinnerVariant6.0.0+ | undefined | string |
The spinner variant. |
| timeout | undefined | number |
Automatically starts loading animation and stops after a determined amount of milliseconds. |
| Event name |
|---|
| click |
Event called when the user clicks on a component. |
