Connectivity

Wi-Fi

WifiStateIcon

Represents wi-fi across off, weak, strong states.

States

3 total

Wi-Fi off

Wi-Fi off.

Wi-Fi off

"off"

Wi-Fi off.

Weak Wi-Fi signal

"weak"

Weak Wi-Fi signal.

Strong Wi-Fi signal

"strong"

Strong Wi-Fi signal.

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: off · weak · strong

example.tsx

import { WifiStateIcon } from "@stateglyph/react";
<WifiStateIcon state="off" decorative />