Productivity

Pin

PinStateIcon

Represents pin across unpinned, pinned states.

States

2 total

Unpinned

Unpinned.

Unpinned

"unpinned"

Unpinned.

Pinned

"pinned"

Pinned.

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
unpinned · pinned
example.tsx
import { PinStateIcon } from "@stateglyph/react";
<PinStateIcon state="unpinned" decorative />