Theme Toggle

<arc-theme-toggle></arc-theme-toggle>

import { ThemeToggle } from '@arclux/arc-ui-react';

export default function Example() {
  return (
    <ThemeToggle />
  );
}

<script setup>
import { ThemeToggle } from '@arclux/arc-ui-vue';
</script>

<template>
  <ThemeToggle />
</template>

<script>
  import { ThemeToggle } from '@arclux/arc-ui-svelte';
</script>

<ThemeToggle />

import { Component } from '@angular/core';
import { ThemeToggle } from '@arclux/arc-ui-angular';

@Component({
  imports: [ThemeToggle],
  template: `
    <arc-theme-toggle></arc-theme-toggle>
  `,
})
export class MyComponent {}

import { ThemeToggle } from '@arclux/arc-ui-solid';

export default function Example() {
  return (
    <ThemeToggle />
  );
}

import { ThemeToggle } from '@arclux/arc-ui-preact';

export default function Example() {
  return (
    <ThemeToggle />
  );
}