Core API
Client
Toggle Dark
isDark
: Whether dark mode is enabledtoggleDark
: Toggle dark modetoggleDarkWithTransition
: Toggle dark mode with transition
Example:
vue
<script lang="ts" setup>
import { isDark, toggleDarkWithTransition } from 'valaxy'
</script>
<template>
<button class="yun-icon-btn" @click="toggleDarkWithTransition">
<div i="ri-sun-line dark:ri-moon-line" />
</button>
</template>
<script lang="ts" setup>
import { isDark, toggleDarkWithTransition } from 'valaxy'
</script>
<template>
<button class="yun-icon-btn" @click="toggleDarkWithTransition">
<div i="ri-sun-line dark:ri-moon-line" />
</button>
</template>