2FAuth/resources/js/components/Button.vue
2020-01-15 17:43:28 +01:00

42 lines
764 B
Vue

<template>
<button
:type="nativeType"
:class="{
[`${color}`]: true,
'is-large': isLarge,
'is-focused': isFocused,
}"
class="button">
<slot />
</button>
</template>
<script>
export default {
name: 'VButton',
props: {
color: {
type: String,
default: 'is-link'
},
nativeType: {
type: String,
default: 'submit'
},
isFocused: {
type: Boolean,
default: false
},
isLarge: {
type: Boolean,
default: false
}
}
}
</script>