Appearance

Theme

ThemeStateIcon

Represents theme across light, dark, system states.

States

3 total

Light theme

Light theme.

Light theme

"light"

Light theme.

Dark theme

"dark"

Dark theme.

System theme

"system"

System theme.

Implementation

Pass your current state.

The component stays presentational. Your application remains in control of async work and business logic. The state prop is a TypeScript string literal union — pass an invalid state and you'll get a type error at build time.

Source: Lucide
License: ISC
States: light · dark · system

example.tsx

import { ThemeStateIcon } from "@stateglyph/react";
<ThemeStateIcon state="light" decorative />