homebox/frontend/components/Base/SectionHeader.vue
2022-10-01 12:13:53 -08:00

28 lines
549 B
Vue

<template>
<div class="pb-3">
<h3
class="text-3xl font-bold tracking-tight"
:class="{
'text-neutral-content': dark,
'text-content': !dark,
}"
>
<slot />
</h3>
<p v-if="$slots.description" class="mt-2 max-w-4xl text-sm text-base-content">
<slot name="description" />
</p>
<div v-if="$slots.after">
<slot name="after" />
</div>
</div>
</template>
<script lang="ts" setup>
defineProps({
dark: {
type: Boolean,
default: false,
},
});
</script>