31 lines
548 B
Vue
31 lines
548 B
Vue
<script setup lang="ts">
|
|
const props = defineProps({
|
|
vertical: {
|
|
type: Boolean,
|
|
default: false,
|
|
},
|
|
lineGradientFrom: {
|
|
type: String,
|
|
default: 'primary',
|
|
},
|
|
lineGradientTo: {
|
|
type: String,
|
|
default: 'primary',
|
|
},
|
|
})
|
|
</script>
|
|
|
|
<template>
|
|
<div
|
|
:class="{
|
|
'w-full h-px': !vertical,
|
|
'w-px h-full': vertical,
|
|
[`from-${lineGradientFrom}-500/50`]: true,
|
|
[`to-${lineGradientTo}-300/50`]: true,
|
|
}"
|
|
class="bg-linear-to-r rounded-full my-4"
|
|
></div>
|
|
</template>
|
|
|
|
<style scoped></style>
|