ProComponentsColor Mode

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" size="xl" />
</template>

Props

darkrequired
string
lightrequired
string

NavigationAccordion

A pre-styled Accordion displayed in the NavigationTree.

ColorModeButton

A Button to switch between color mode.