ColorModeAvatar

AvatarGitHub

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

Usage

<script setup>
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

Tabs

Toggle content using the Tabs component.

ColorModeImage

An <img> with a different src for light and dark mode.