PrivateMessageThreadItem
Interfaces
PrivateMessageThreadItemProps
Indexable
[p: string]: any
Properties
| Property | Type | Description |
|---|---|---|
className? | string | Overrides or extends the styles applied to the component. Default null |
isHovering? | () => void | Gets mouse hovering status Default null |
message? | SCPrivateMessageThreadType | PrivateMessageItem Object Default null |
mouseEvents? | object | Mouse Events to spread to the element |
mouseEvents.onMouseEnter? | () => void | - |
mouseEvents.onMouseLeave? | () => void | - |
onMenuIconClick? | () => void | Action triggered on menu icon click Default null |
showMenuIcon? | boolean | Menu icon showed only for messages sent by logged user Default false |
Functions
PrivateMessageThreadItem()
PrivateMessageThreadItem(
inProps):JSX.Element
API documentation for the Community-JS PrivateMessageItem component. Learn about the available props and the CSS API.
Import
import {PrivateMessageThreadItem} from '@selfcommunity/react-ui';
Component Name
The name SCPrivateMessageThreadItem can be used when providing style overrides in the theme.
CSS
| Rule Name | Global class | Description |
|---|---|---|
| root | .SCPrivateMessageThreadItem-root | Styles applied to the root element. |
| text | .SCPrivateMessageThreadItem-text | Styles applied to the message text element. |
| img | .SCPrivateMessageThreadItem-img | Styles applied to the img element. |
| document | .SCPrivateMessageThreadItem-document | Styles applied to the message file element. |
| video | .SCPrivateMessageThreadItem-video | Styles applied to the message video element. |
| other | .SCPrivateMessageThreadItem-other | Styles applied to other media type element. |
| messageTime | .SCPrivateMessageThreadItem-message-time | Styles applied to the thread message time element. |
| menuItem | .SCPrivateMessageThreadItem-menu-item | Styles applied to the thread message menu item element. |
| dialogRoot | .SCPrivateMessageThreadItem-dialog-root | Styles applied to dialog root element. |
Parameters
| Parameter | Type | Description |
|---|---|---|
inProps | PrivateMessageThreadItemProps |
Returns
JSX.Element
Source
packages/react-ui/src/components/PrivateMessageThreadItem/PrivateMessageThreadItem.tsx:116
PrivateMessageThreadItemSkeleton()
PrivateMessageThreadItemSkeleton(
props):JSX.Element
API documentation for the Community-JS PrivateMessageThreadItem Skeleton component. Learn about the available props and the CSS API.
Import
import {PrivateMessageThreadItemSkeleton} from '@selfcommunity/react-ui';
Component Name
The name SCPrivateMessageThreadItem-skeleton-root can be used when providing style overrides in the theme.
CSS
| Rule Name | Global class | Description |
|---|---|---|
| root | .SCPrivateMessageThreadItem-skeleton-root | Styles applied to the root element. |
| list | .SCPrivateMessageThreadItem-list | Styles applied to the list element. |
Parameters
| Parameter | Type |
|---|---|
props | any |
Returns
JSX.Element
Source
packages/react-ui/src/components/PrivateMessageThreadItem/Skeleton.tsx:40