Notifications

Notification

NotificationStateIcon

Shows off, enabled, and unread notification states.

States

3 total

Enable notifications

Notifications are off.

Enable notifications

"off"

Notifications are off.

Notifications on

"on"

Notifications are enabled.

Unread notifications

"unread"

There are unread notifications.

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: off · on · unread

example.tsx

import { NotificationStateIcon } from "@stateglyph/react";
<NotificationStateIcon state="off" decorative />