adrema/resources/js/components/SidebarHeader.vue

26 lines
727 B
Vue
Raw Normal View History

2021-07-04 16:56:07 +02:00
<template>
<div class="h-16 px-6 flex justify-between items-center border-b border-solid border-gray-500">
<div class="flex items-center">
2021-07-05 00:35:38 +02:00
<span class="mr-1 text-xl font-semibold leading-none text-white" v-html="title"></span>
2023-05-20 01:12:53 +02:00
<slot name="toolbar"></slot>
2021-07-04 16:56:07 +02:00
</div>
<div class="flex ml-4">
<a href="#" @click.prevent="$emit('close')" class="btn label btn-primary-light icon">
2022-02-12 15:22:22 +01:00
<svg-sprite class="w-3 h-3" src="close"></svg-sprite>
2021-07-04 16:56:07 +02:00
</a>
</div>
</div>
</template>
<script>
export default {
props: {
title: {
2022-12-04 23:40:35 +01:00
default: function () {
return '';
},
},
},
2021-07-04 16:56:07 +02:00
};
</script>