You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
36 lines
638 B
36 lines
638 B
<template>
|
|
<Toolbar :class="toolbarClass">
|
|
<template v-slot:start>
|
|
<slot name="start"></slot>
|
|
</template>
|
|
<template v-slot:end>
|
|
<slot name="end"></slot>
|
|
</template>
|
|
</Toolbar>
|
|
</template>
|
|
|
|
<script setup>
|
|
import Toolbar from "primevue/toolbar";
|
|
import { computed } from "vue";
|
|
|
|
const props = defineProps({
|
|
showTopBorder: {
|
|
type: Boolean,
|
|
default: false,
|
|
},
|
|
});
|
|
|
|
const toolbarClass = computed(() => {
|
|
if (props.showTopBorder) {
|
|
return "pt-5 border-t border-b";
|
|
}
|
|
return "p-toolbar";
|
|
});
|
|
</script>
|
|
|
|
<style scoped>
|
|
.p-toolbar {
|
|
padding-top: 0.5rem;
|
|
padding-bottom: 0.5rem;
|
|
}
|
|
</style>
|
|
|