Skip to content

介绍


本文档主要用于描述 ShadcnTrend 组件的一些特性和用法。

用法

查看代码
vue
<template>
    <ShadcnTrend :value="10" />
    <ShadcnTrend :value="-10" />
</template>

<script setup lang="ts">
</script>

反转 (reverse)

查看代码
vue
<template>
    <ShadcnTrend :value="10" reverse />
    <ShadcnTrend :value="-10" reverse />
</template>

<script setup lang="ts">
</script>

文本颜色 (text-color)

查看代码
vue
<template>
    <ShadcnTrend :value="10" text-color/>
    <ShadcnTrend :value="-10" text-color/>
</template>

<script setup lang="ts">
</script>

趋势 (Trend) 属性

趋势 (Trend) 插槽