Productivity

Priority

PriorityStateIcon

Represents priority across low, normal, high states.

States

3 total

Low priority

Low priority.

Low priority

"low"

Low priority.

Normal priority

"normal"

Normal priority.

High priority

"high"

High priority.

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