Appearance

Contrast

ContrastStateIcon

Represents contrast across standard, high, soft states.

States

3 total

Standard contrast

Standard contrast.

Standard contrast

"standard"

Standard contrast.

High contrast

"high"

High contrast.

Soft contrast

"soft"

Soft contrast.

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: standard · high · soft

example.tsx

import { ContrastStateIcon } from "@stateglyph/react";
<ContrastStateIcon state="standard" decorative />