PrivateMessageComponent
Interfaces
PrivateMessageComponentProps
Indexable
[p: string]: any
Properties
| Property | Type | Description |
|---|---|---|
id? | string | number | Thread receiver id Default null |
onItemClick? | (id: any, type: any) => void | Handler on message click Default null |
onSingleMessageOpen? | (id: any) => void | Handler on single message open Default null |
onThreadBack? | () => void | Handler on thread back Default null |
type? | SCPrivateMessageType | Thread type Default null |
Functions
PrivateMessageComponent()
PrivateMessageComponent(
inProps):JSX.Element
API documentation for the Community-JS Private Messages component. Learn about the available props and the CSS API.
This component renders the private messages section. Take a look at our demo component here
Import
import {PrivateMessageComponent} from '@selfcommunity/react-ui';
Component Name
The name SCPrivateMessageComponent can be used when providing style overrides in the theme.
CSS
| Rule Name | Global class | Description |
|---|---|---|
| root | .SCPrivateMessageComponent-root | Styles applied to the root element. |
| snippetsBox | .SCPrivateMessageComponent-snippets-box | Styles applied to the snippets box element. |
| threadBox | .SCPrivateMessageComponent-thread-box | Styles applied to the thread box element. |
| hide | .SCPrivateMessageComponent-hide | Styles applied to the snippetBox or threadBox grid item element on mobile view. |
Parameters
| Parameter | Type | Description |
|---|---|---|
inProps | PrivateMessageComponentProps |
Returns
JSX.Element
Source
packages/react-ui/src/components/PrivateMessageComponent/PrivateMessageComponent.tsx:85
PrivateMessageComponentSkeleton()
PrivateMessageComponentSkeleton(
props):JSX.Element
API documentation for the Community-JS Private Messages Skeleton Template. Learn about the available props and the CSS API.
Import
import {PrivateMessageComponentSkeleton} from '@selfcommunity/react-templates';
Component Name
The name SCPrivateMessageComponentSkeleton can be used when providing style overrides in the theme.
CSS
| Rule Name | Global class | Description |
|---|---|---|
| root | .SCPrivateMessageComponent-skeleton-root | Styles applied to the root element. |
| snippetsSection | .SCPrivateMessageComponent-snippets-section | Styles applied to the snippets section |
| threadSection | .SCPrivateMessageComponent-thread-section | Styles applied to the thread section |
Parameters
| Parameter | Type |
|---|---|
props | PrivateMessageComponentProps |
Returns
JSX.Element
Source
packages/react-ui/src/components/PrivateMessageComponent/Skeleton.tsx:50