summaryrefslogtreecommitdiff
path: root/app/assets/javascripts/vue_shared/components/loading_button.vue
diff options
context:
space:
mode:
Diffstat (limited to 'app/assets/javascripts/vue_shared/components/loading_button.vue')
-rw-r--r--app/assets/javascripts/vue_shared/components/loading_button.vue61
1 files changed, 0 insertions, 61 deletions
diff --git a/app/assets/javascripts/vue_shared/components/loading_button.vue b/app/assets/javascripts/vue_shared/components/loading_button.vue
deleted file mode 100644
index 59ce632c4a2..00000000000
--- a/app/assets/javascripts/vue_shared/components/loading_button.vue
+++ /dev/null
@@ -1,61 +0,0 @@
-<script>
-import { GlLoadingIcon } from '@gitlab/ui';
-/* eslint-disable vue/require-default-prop */
-/*
-This component will be deprecated in favor of gl-deprecated-button.
-https://gitlab-org.gitlab.io/gitlab-ui/?path=/story/base-button--loading-button
-https://gitlab.com/gitlab-org/gitlab/issues/207412
-*/
-
-export default {
- components: {
- GlLoadingIcon,
- },
- props: {
- loading: {
- type: Boolean,
- required: false,
- default: false,
- },
- disabled: {
- type: Boolean,
- required: false,
- default: false,
- },
- label: {
- type: String,
- required: false,
- },
- containerClass: {
- type: [String, Array, Object],
- required: false,
- default: 'btn btn-align-content',
- },
- },
- methods: {
- onClick(e) {
- this.$emit('click', e);
- },
- },
-};
-</script>
-
-<template>
- <button :class="containerClass" :disabled="loading || disabled" type="button" @click="onClick">
- <transition name="fade-in">
- <gl-loading-icon
- v-if="loading"
- :inline="true"
- :class="{
- 'gl-mr-2': label,
- }"
- class="js-loading-button-icon"
- />
- </transition>
- <transition name="fade-in">
- <slot>
- <span v-if="label" class="js-loading-button-label"> {{ label }} </span>
- </slot>
- </transition>
- </button>
-</template>