Axon 911 Frontend DocsAxon 911 Frontend Docs
Axon 911 Frontend Docs
    Loading navigation…
U
User
Switch to light mode
  1. Components
  2. Notification Item
  3. API and Development

Notification item

API and Development

View SourceOpens in a new tabSubmit IssueOpens in a new tab
NotificationItem accepts an entry, copy props, optional sourceGlyphs, and handlers (onGoTo, onToggleRead, onDismiss, onAction).
NotificationItem
NameTypeDefaultDescription
actionsMenuLabelLocalizedMessage—Accessible name of the actions menu trigger, which stays reachable by keyboard and touch.
copiedErrorCodeLabelLocalizedMessage—Success announcement after copying the error code.
copyErrorCodeErrorLabelLocalizedMessage—Failure announcement when copying the error code fails.
copyErrorCodeLabelLocalizedMessage—Label for the error-code {@link CopyButton }.
dismissLabelLocalizedMessage—Name of the dismiss button and menu item.
entryNotificationItemEntry—Notification row to render.
markReadLabelLocalizedMessage—Name of the read toggle button and menu item while the entry is unread.
markUnreadLabelLocalizedMessage—Name of the read toggle button and menu item while the entry is read.
onAction(entry: NotificationItemEntry, action: NotificationItemAction) => void—Invoked for each custom or status action from the menu.
onDismiss(entry: NotificationItemEntry) => void—Dismisses the entry from the inbox.
onGoTo(entry: NotificationItemEntry) => void—Invoked when the person activates Go to. The item does not navigate.
onToggleRead(entry: NotificationItemEntry) => void—Toggles read state for the entry.
unreadLabelLocalizedMessage—Text that starts the row's accessible name while the entry is unread, so assistive technology announces the state.
updatesLabelNotificationItemUpdatesLabel—Disclosure control for multiple detections; receives the detection count (at least two).
classNamestring—Classes on the outer list item.
nowstring—Reference instant (ISO 8601) for the "today" check that decides between a clock time and a short date. Defaults to the clock when the row mounts. The inbox passes one value to every row so they agree across midnight, and stories and tests pass a fixed one.
sourceGlyphsReadonly<Partial<Record<NotificationItemSourceKey, Glyph>>>—Optional map that adds or overrides default source glyphs. Unknown keys use the generic fallback glyph.
Storybook
Interactive examples and edge cases for this component are in Storybook.
DefaultOpens in a new tab
Previous
Notification item / Accessibility
Next
Number Field / Usage
On this page
NotificationItem
Storybook