Security and privacy

Authentication

AuthenticationStateIcon

Represents authentication across signed out, signed in, expired states.

States

3 total

Signed out

Signed out.

Signed out

"signed-out"

Signed out.

Signed in

"signed-in"

Signed in.

Session expired

"expired"

Session expired.

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
signed-out · signed-in · expired
example.tsx
import { AuthenticationStateIcon } from "@stateglyph/react";
<AuthenticationStateIcon state="signed-out" decorative />