Nuxt UI Pro v1.0 is out with dashboard components! Discount ends in 7 hours.

ColorModeAvatar

An Avatar with a different src for light and dark mode.

Usage

<script setup lang="ts">
const light = 'https://avatars.githubusercontent.com/u/739984?v=4'
const dark = 'https://avatars.githubusercontent.com/u/904724?v=4'
</script>

<template>
  <UColorModeAvatar :light="light" :dark="dark" />
</template>

Props

darkrequired
string
lightrequired
string