Files
online.tbbank.gov.tm-larave…/nova/resources/js/components/Buttons/InvertedButton.vue
2024-09-01 18:54:23 +05:00

18 lines
482 B
Vue

<template>
<button
type="button"
class="space-x-1 cursor-pointer focus:outline-none focus:ring ring-primary-200 dark:ring-gray-600 focus:ring-offset-4 dark:focus:ring-offset-gray-800 rounded-lg mx-auto text-primary-500 font-bold link-default px-3 rounded-b-lg flex items-center"
>
<Icon :type="iconType" />
<span>
<slot />
</span>
</button>
</template>
<script setup>
defineProps({
iconType: { type: String, default: 'plus-circle' },
})
</script>