Security and privacy

Protection

ShieldStateIcon

Represents protection across unprotected, protected, restricted states.

States

3 total

Unprotected

Unprotected.

Unprotected

"unprotected"

Unprotected.

Protected

"protected"

Protected.

Access restricted

"restricted"

Access restricted.

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: unprotected · protected · restricted

example.tsx

import { ShieldStateIcon } from "@stateglyph/react";
<ShieldStateIcon state="unprotected" decorative />