Skip to main content

PrivateMessageSnippets

Interfaces

PrivateMessageSnippetsProps

Extends

  • CardProps

Indexable

[p: string]: any

Properties

PropertyTypeDescriptionOverrides
className?stringOverrides or extends the styles applied to the component.

Default
null
CardProps.className
loading?booleanLoading state-
snippetActions?object--
snippetActions.onDeleteConfirm?(msg: any) => void--
snippetActions.onNewMessageClick?() => void--
snippetActions.onSnippetClick?(msg: any, type: any) => void--
snippets?SCPrivateMessageSnippetType[]Snippets list
@default[]
-
threadObj?anythread user/ group object

Default
null
-
type?SCPrivateMessageTypeThread 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 NameGlobal classDescription
root.SCPrivateMessageSnippets-rootStyles applied to the root element.
icon.SCPrivateMessageSnippets-iconStyles applied to the search icon element.
input.SCPrivateMessageSnippets-inputStyles applied to the search input element.
clear.SCPrivateMessageSnippets-clearStyles applied to the search bar clear icon element.
searchBar.SCPrivateMessageSnippets-searchBarStyles applied to the search bar element.
newMessageButton.SCPrivateMessageSnippets-new-message-buttonStyles applied to new message button element.

Parameters

ParameterTypeDescription
inPropsPrivateMessageSnippetsProps

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 NameGlobal classDescription
root.SCPrivateMessageSnippets-skeleton-rootStyles applied to the root element.
searchBar.SCPrivateMessageSnippets-search-barStyles applied to the search bar element.
button.SCPrivateMessageSnippets-buttonStyles applied to the button element.
list.SCPrivateMessageSnippets-listStyles applied to the list element.

Parameters

ParameterType
propsany

Returns

JSX.Element

Source

packages/react-ui/src/components/PrivateMessageSnippets/Skeleton.tsx:43