RevueUI
GitHub
avatar

Avatar with grayscale image filter

Avatar with grayscale image filter

Загрузка превью…

src/avatar/c-avatar-17.vue

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

const PIXEL =
  "data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAUwAOw=="
</script>

<template>
  <Avatar>
    <AvatarImage :src="PIXEL" alt="@shadcn" class="grayscale" />
    <AvatarFallback>CN</AvatarFallback>
  </Avatar>
</template>

Установка

npx shadcn-vue@latest add https://revueui.rootapi.dev/r/c-avatar-17.json

Зависимости реестра

Источник: порт из ReUI (Keenthemes, MIT)