PHP Classes

File: resources/js/Components/ResponsiveNavLink.vue

Recommend this page to a friend!
  Classes of Robert Devenyi   Iceburg SAAS PHP CRM Open Source   resources/js/Components/ResponsiveNavLink.vue   Download  
File: resources/js/Components/ResponsiveNavLink.vue
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: Iceburg SAAS PHP CRM Open Source
Application to manage the contacts of customers
Author: By
Last change:
Date: 1 year ago
Size: 967 bytes
 

Contents

Class file image Download
<script setup> import { computed } from 'vue'; import { Link } from '@inertiajs/inertia-vue3'; const props = defineProps({ active: Boolean, href: String, as: String, }); const classes = computed(() => { return props.active ? 'block pl-3 pr-4 py-2 border-l-4 border-indigo-400 text-base font-medium text-indigo-700 bg-indigo-50 focus:outline-none focus:text-indigo-800 focus:bg-indigo-100 focus:border-indigo-700 transition' : 'block pl-3 pr-4 py-2 border-l-4 border-transparent text-base font-medium text-gray-600 hover:text-gray-800 hover:bg-gray-50 hover:border-gray-300 focus:outline-none focus:text-gray-800 focus:bg-gray-50 focus:border-gray-300 transition'; }); </script> <template> <div> <button v-if="as == 'button'" :class="classes" class="w-full text-left"> <slot /> </button> <Link v-else :href="href" :class="classes"> <slot /> </Link> </div> </template>