NotificationIndicator
An 8px ring in Colors/border/focus inside a 16px box that marks new activity.
Figma: 10 / Components / NotificationIndicatorNew activity
Usage
Source: src/components/ui/notification-indicator.tsx
import { NotificationIndicator } from '@/components/ui/notification-indicator'<NotificationIndicator />When to use
When to reach for it, and when to use something else.
Use it for
Complete: Beside navigation items and menu actions with something new.
Avoid
Not complete: Counts; use a Badge when the number matters.
