Weather and time

Temperature

TemperatureStateIcon

Represents temperature across cold, mild, hot states.

States

3 total

Cold

Cold.

Cold

"cold"

Cold.

Mild temperature

"mild"

Mild temperature.

Hot

"hot"

Hot.

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
cold · mild · hot
example.tsx
import { TemperatureStateIcon } from "@stateglyph/react";
<TemperatureStateIcon state="cold" decorative />