homebox/frontend/components/Base/SectionHeader.vue

26 lines
476 B
Vue
Raw Normal View History

2022-09-01 22:32:03 +00:00
<template>
2022-09-03 09:17:57 +00:00
<div class="pb-3">
<h3
class="text-3xl font-bold tracking-tight"
:class="{
'text-neutral-content': dark,
'text-content': !dark,
}"
>
2022-09-01 22:32:03 +00:00
<slot />
</h3>
<p v-if="$slots.description" class="mt-2 max-w-4xl text-sm text-gray-500">
<slot name="description" />
</p>
</div>
</template>
2022-09-03 09:17:57 +00:00
<script lang="ts" setup>
defineProps({
dark: {
type: Boolean,
default: false,
},
});
</script>