Appearance

Brightness

BrightnessStateIcon

Represents brightness across low, medium, high states.

States

3 total

Low brightness

Low brightness.

Low brightness

"low"

Low brightness.

Medium brightness

"medium"

Medium brightness.

High brightness

"high"

High brightness.

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: low · medium · high

example.tsx

import { BrightnessStateIcon } from "@stateglyph/react";
<BrightnessStateIcon state="low" decorative />