homebox/frontend/components/Base/SectionHeader.vue

29 lines
567 B
Vue
Raw Permalink 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 flex items-center"
2022-09-03 09:17:57 +00:00
: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-base-content">
2022-09-01 22:32:03 +00:00
<slot name="description" />
</p>
2022-09-09 06:05:23 +00:00
<div v-if="$slots.after">
<slot name="after" />
</div>
2022-09-01 22:32:03 +00:00
</div>
</template>
2022-09-03 09:17:57 +00:00
<script lang="ts" setup>
defineProps({
dark: {
type: Boolean,
default: false,
},
});
</script>