PrivateMessageSnippets
Interfaces
PrivateMessageSnippetsProps
Extends
CardProps
Indexable
[p: string]: any
Properties
| Property | Type | Description | Overrides |
|---|---|---|---|
className? | string | Overrides or extends the styles applied to the component. Default null | CardProps.className |
loading? | boolean | Loading state | - |
snippetActions? | object | - | - |
snippetActions.onDeleteConfirm? | (msg: any) => void | - | - |
snippetActions.onNewMessageClick? | () => void | - | - |
snippetActions.onSnippetClick? | (msg: any, type: any) => void | - | - |
snippets? | SCPrivateMessageSnippetType[] | Snippets list @default[] | - |
threadObj? | any | thread user/ group object Default null | - |
type? | SCPrivateMessageType | Thread type Default SCPrivateMessageType.USER | - |
Functions
PrivateMessageSnippets()
PrivateMessageSnippets(
inProps):JSX.Element
API documentation for the Community-JS PrivateMessageSnippets component. Learn about the available props and the CSS API.
This component renders the list of conversations preview between users. Take a look at our demo component here
Import
import {PrivateMessageSnippets} from '@selfcommunity/react-ui';
Component Name
The name SCPrivateMessageSnippets can be used when providing style overrides in the theme.
CSS
| Rule Name | Global class | Description |
|---|---|---|
| root | .SCPrivateMessageSnippets-root | Styles applied to the root element. |
| icon | .SCPrivateMessageSnippets-icon | Styles applied to the search icon element. |
| input | .SCPrivateMessageSnippets-input | Styles applied to the search input element. |
| clear | .SCPrivateMessageSnippets-clear | Styles applied to the search bar clear icon element. |
| searchBar | .SCPrivateMessageSnippets-searchBar | Styles applied to the search bar element. |
| newMessageButton | .SCPrivateMessageSnippets-new-message-button | Styles applied to new message button element. |
Parameters
| Parameter | Type | Description |
|---|---|---|
inProps | PrivateMessageSnippetsProps |
Returns
JSX.Element
Source
packages/react-ui/src/components/PrivateMessageSnippets/PrivateMessageSnippets.tsx:114
PrivateMessageSnippetsSkeleton()
PrivateMessageSnippetsSkeleton(
props):JSX.Element
API documentation for the Community-JS PrivateMessageSnippets Skeleton component. Learn about the available props and the CSS API.
Import
import {PrivateMessageSnippetsSkeleton} from '@selfcommunity/react-ui';
Component Name
The name SCPrivateMessageSnippets-skeleton-root can be used when providing style overrides in the theme.
CSS
| Rule Name | Global class | Description |
|---|---|---|
| root | .SCPrivateMessageSnippets-skeleton-root | Styles applied to the root element. |
| searchBar | .SCPrivateMessageSnippets-search-bar | Styles applied to the search bar element. |
| button | .SCPrivateMessageSnippets-button | Styles applied to the button element. |
| list | .SCPrivateMessageSnippets-list | Styles applied to the list element. |
Parameters
| Parameter | Type |
|---|---|
props | any |
Returns
JSX.Element
Source
packages/react-ui/src/components/PrivateMessageSnippets/Skeleton.tsx:43