Module: SnippetNotifications
Interfaces
Functions
SnippetNotifications
▸ SnippetNotifications(inProps): JSX.Element
API documentation for the Community-JS SnippetNotifications component. Learn about the available props and the CSS API.
This component renders the notification list. Take a look at our demo component here
Import
import {SnippetNotifications} from '@selfcommunity/react-ui';
Component Name
The name SCSnippetNotifications can be used when providing style overrides in the theme.
CSS
| Rule Name | Global class | Description |
|---|---|---|
| root | .SCSnippetNotification-root | Styles applied to the root element. |
| notificationsWrap | .SCSnippetNotification-notification-wrap | Styles applied to the notifications wrap. |
| emptyBoxNotifications | .SCSnippetNotification-empty-box-notifications | Styles applied to the box indicating that there are no notifications. |
| list | .SCSnippetNotification-list | Styles applied to the list of notifications. |
| item | .SCSnippetNotification-item | Styles applied to the single notification. |
| broadcastMessagesBanner | .SCSnippetNotification-broadcast-messages-banner | Styles applied to the broadcast message banner. |
Parameters
| Name | Type |
|---|---|
inProps | SnippetNotificationsProps |
Returns
JSX.Element
Defined in
packages/react-ui/src/components/SnippetNotifications/SnippetNotifications.tsx:154
SnippetNotificationsSkeleton
▸ SnippetNotificationsSkeleton(props): JSX.Element
API documentation for the Community-JS Snippet Notification Skeleton component. Learn about the available props and the CSS API.
Import
import {SnippetNotificationsSkeleton} from '@selfcommunity/react-ui';
Component Name
The name SCSnippetNotification-skeleton-root can be used when providing style overrides in the theme.
CSS
| Rule Name | Global class | Description |
|---|---|---|
| root | .SCSnippetNotification-skeleton-root | Styles applied to the root element. |
| item | .SCSnippetNotification-item | Styles applied to the item element. |
Parameters
| Name | Type |
|---|---|
props | any |
Returns
JSX.Element
Defined in
packages/react-ui/src/components/SnippetNotifications/Skeleton.tsx:42