Module: PrivateMessageSnippets
Interfaces
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
Name | Type |
---|---|
inProps | PrivateMessageSnippetsProps |
Returns
JSX.Element
Defined in
packages/react-ui/src/components/PrivateMessageSnippets/PrivateMessageSnippets.tsx:103
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
Name | Type |
---|---|
props | any |
Returns
JSX.Element
Defined in
packages/react-ui/src/components/PrivateMessageSnippets/Skeleton.tsx:43