Skip to content
Storybook

Notification center Pro

A tabbed inbox with unread dots, avatars and inline accept and decline actions.

StorybookFigma
Notification center 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 { NotificationCenter } from '@pixelsds-pro/react';

export default function Page() {
  return <NotificationCenter />;
}

Built only from Pixels components and tokens, so it follows your brand colour, dark mode and right-to-left. The full source is in the Storybook once you have Pro.