Skip to main content

Pivotal UI

v19.0.0
Components / Notifications

Notifications

No notifications
ReferenceError: React is not defined
With notifications
ReferenceError: React is not defined
Notification sizing
ReferenceError: React is not defined
No alerts
ReferenceError: React is not defined
With alerts
ReferenceError: React is not defined

If you want to customize the notification dropdown, you can use className to add a modifier class to the btn-group. id and style will be applied to the notification button.

Props

Notifications/AlertNotifications props

PropertyRequiredTypeDefaultDescription
sizenooneOf('h1', 'h2', 'h3', 'h4', 'h5', 'h6')Size of the notification

Imports

Import React components (including CSS):

import {Notifications, AlertNotifications, NotificationItem} from 'pivotal-ui/react/notifications';

Import CSS only:

import 'pivotal-ui/css/notifications';