32 lines
557 B
Vue
32 lines
557 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-[1px]': !vertical,
|
|
'w-[1px] h-full': vertical,
|
|
[`from-${lineGradientFrom}-500/50`]: true,
|
|
[`to-${lineGradientTo}-300/50`]: true,
|
|
}"
|
|
class="bg-gradient-to-r rounded-full my-4"
|
|
></div>
|
|
</template>
|
|
|
|
<style scoped>
|
|
|
|
</style> |