Button.vue 664 B

123456789101112131415161718192021222324252627282930313233343536
  1. <template>
  2. <button
  3. :type="nativeType"
  4. :disabled="isLoading"
  5. :class="{
  6. 'button': true,
  7. [`${color}`]: true,
  8. 'is-loading': isLoading,
  9. }">
  10. <slot />
  11. </button>
  12. </template>
  13. <script>
  14. export default {
  15. name: 'VButton',
  16. props: {
  17. color: {
  18. type: String,
  19. default: 'is-link'
  20. },
  21. nativeType: {
  22. type: String,
  23. default: 'submit'
  24. },
  25. isLoading: {
  26. type: Boolean,
  27. default: false
  28. },
  29. }
  30. }
  31. </script>