Notifications
Dropdown panel for the bell icon: header, tabs, rows, footer link.
In Figma
Section titled “In Figma”From guidelines/components/message-alert.md
Properties, variants and anatomy of the Figma components.
Notifications panel
Section titled “Notifications panel”Variants: 1
Notification item
Section titled “Notification item”Row for notification panels and inboxes; unread rows get a tint and dot.
Variants: 2
| Property | Type / options |
|---|---|
| Name | text |
| Message | text |
| Actions | boolean (off) |
| Type | Default · Unread |
Notifications panel
Section titled “Notifications panel”Do
- Mark unread rows with the Unread type and link to the full inbox in the footer.
Forbidden
- Never use the panel for messages about the current page — use Alert.