View Shadcn UI

Appearance

介绍 ​


本文档主要用于描述 ShadcnIcon 组件的使用方法。

图标使用的是 Lucide 图标库。

用法 ​

查看代码
vue
<template>
    <ShadcnIcon icon="Save"/>
</template>

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

尺寸 (size) ​

查看代码
vue
<template>
    <ShadcnIcon icon="Save"/>
    <ShadcnIcon icon="Save" :size="30"/>
    <ShadcnIcon icon="Save" :size="40"/>
</template>

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

颜色 (color) ​

查看代码
vue
<template>
    <ShadcnIcon icon="Save" color="red"/>
</template>

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

图标 (Icon) 属性 ​

图标 (Icon) 事件 ​

图标 (Icon) 插槽 ​