Module: Notification

Interfaces

• NotificationProps

Functions

NotificationSkeleton

▸ NotificationSkeleton(props): JSX.Element

API documentation for the Community-JS Notification Skeleton component. Learn about the available props and the CSS API.

Import

import {NotificationSkeleton} from '@selfcommunity/react-ui';

Component Name

The name SCNotification-skeleton-root can be used when providing style overrides in the theme.

CSS

Rule Name	Global class	Description
root	.SCNotification-skeleton-root	Styles applied to the root element.

Parameters

Name	Type
props	any

Returns

JSX.Element

Defined in

packages/react-ui/src/components/Notification/Skeleton.tsx:39

---

UserNotification

▸ UserNotification(inProps): JSX.Element

API documentation for the Community-JS UserNotification component. Learn about the available props and the CSS API.

Import

import {UserNotification} from '@selfcommunity/react-ui';

Component Name

The name SCNotification can be used when providing style overrides in the theme.

CSS

Rule Name	Global class	Description
root	.SCNotification-root	Styles applied to the root element.
content	.SCNotification-notification-wrap	Styles applied to the element wrap.
header	.SCNotification-notification-wrap	Styles applied to the notification header.
title	.SCNotification-title	Styles applied to the title element in the notification header.
image	.SCNotification-image	Styles applied to the image element in the notification header.
username	.SCNotification-username	Styles applied to the user element in the notification header.
content	.SCNotification-notification-content	Styles applied to the notification content.
unCollapsed	.SCNotification-notification-wrap	Styles applied to the uncollapsed elements.
collapsed	.SCNotification-notification-wrap	Styles applied to the collapsed elements.
stopButton	.SCNotification-stop-notification-button	Styles applied to the stop notification button.
showOtherAggregated	.SCNotification-show-other-aggregated	Styles applied to the show other aggregated element.

Parameters

Name	Type
inProps	NotificationProps

Returns

JSX.Element

Defined in

packages/react-ui/src/components/Notification/Notification.tsx:151