# Notifications — Lumeo Patterns

Source: https://lumeo.nativ.sh/blocks/notifications

# Notifications

A full notification center with tabbed inbox (All / Mentions / Activity / Followers / Security), time-grouped items with unread indicators, preference toggles, and live toast demos.

Preview Code

Notification Center

### Notification Preferences

Manage how you're notified

Push Notifications

Receive alerts on your devices

Email

Digest and transactional emails

SMS

Critical alerts only

Categories

Marketing emails

Promos and special offers

Product updates

New features and changelogs

Security alerts

Sign-ins and suspicious activity

### Try It Live

Trigger notification types

Info Success Warning Action Persistent Promise

### Inbox

5 new

10 notifications

Mark all read

All5Mentions1Activity2Followers1Security1

Today

Deployment successful

2m

Production deploy of v2.4.1 completed in 42 seconds. All health checks passed.

production

v2.4.1

New sign-in detected

8m

A new sign-in from San Francisco, CA on Chrome/macOS. Not you? Secure your account.

security

Review activity

@sofia.d mentioned you

15m

"Great point by @you — container queries really are a game changer for component libs."

Storage at 85%

1h

You're using 8.5 GB of your 10 GB quota. Consider upgrading or removing old files.

William Kim started following you

2h

William Kim (@wkim) is now following your profile.

Team invitation

4h

Alice Chen invited you to join the Design Systems team.

Accept invite

Yesterday

@jackson.dev mentioned you

Yesterday

"Agree with @you on the mobile scroll data — we saw the same in our research."

Password changed

Yesterday

Your account password was successfully changed from a trusted device.

Last 7 days

Emma Wilson is now following you

2 days ago

Emma Wilson (@emma.w) started following your activity.

Weekly summary

3 days ago

Your projects received 4,280 visits and 127 new interactions this week.