mirror of
https://github.com/HoshinoSuzumi/rayine-ui.git
synced 2025-04-10 04:58:51 +08:00
30 lines
600 B
Vue
30 lines
600 B
Vue
<script lang="ts" setup>
|
|
defineProps({
|
|
title: {
|
|
type: String,
|
|
required: false,
|
|
},
|
|
description: {
|
|
type: String,
|
|
required: false,
|
|
},
|
|
accentTitle: {
|
|
type: Boolean,
|
|
default: false,
|
|
},
|
|
padTop: {
|
|
type: Boolean,
|
|
default: false,
|
|
},
|
|
})
|
|
</script>
|
|
|
|
<template>
|
|
<div>
|
|
<h1 v-if="title" class="font-medium" :class="{ 'mt-8': padTop, 'text-primary text-2xl font-medium': accentTitle, 'text-xl font-normal': !accentTitle }">{{ title }}</h1>
|
|
<p v-if="description" class="text-sm text-justify">{{ description }}</p>
|
|
</div>
|
|
</template>
|
|
|
|
<style scoped></style>
|