Connectivity

Cellular signal

CellularStateIcon

Represents cellular signal across offline, low, high states.

States

3 total

No cellular signal

No cellular signal.

No cellular signal

"offline"

No cellular signal.

Low cellular signal

"low"

Low cellular signal.

High cellular signal

"high"

High cellular 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
offline · low · high
example.tsx
import { CellularStateIcon } from "@stateglyph/react";
<CellularStateIcon state="offline" decorative />