Skip to content
Storybook

Notification Item Pro

Inbox row for mentions, invites, alerts and success messages, with an unread dot. Flat in a list or as a standalone card.

StorybookFigma

Preview

Notification Item preview

Install

Part of Pixels Pro. Add your licence key to .npmrc, then install.

BASH
npm i @pixelsds-pro/react @pixelsds/react react-aria-components

Usage

JSX
import { NotificationItem } from '@pixelsds-pro/react';

export default function Example() {
  return <NotificationItem />;
}

Every example above, with its props and full source, is in the Storybook. Built from Pixels tokens, so it follows your brand colour, dark mode and right-to-left.