Mode Toggle

A dropdown to switch between light, dark, and system themes.

Saved preference for elorm init --ui-library base-ui
PreviewCode
"use client"

import { ModeToggle } from "@/components/ui/mode-toggle"

export function ModeToggleDemo() {
  return <ModeToggle />
}

Installation#

Usage#

import { ModeToggle } from "@/components/ui/mode-toggle"

A dropdown to switch between light, dark, and system themes.