头像

一个带有用户信息备选显示的图像元素。

Component Source API Reference
CN

安装方式 ​

pnpm dlx shadcn-vue@latest add avatar

使用方法 ​

vue
<script setup lang="ts">
import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar'
</script>

<template>
  <Avatar>
    <AvatarImage src="https://github.com/unovue.png" alt="@unovue" />
    <AvatarFallback>CN</AvatarFallback>
  </Avatar>
</template>
Edit this page on GitHub