PrivateMessageSnippetItem
Interfaces
PrivateMessageSnippetItemProps
Indexable
[p: string]: any
Properties
| Property | Type | Description |
|---|---|---|
className? | string | Overrides or extends the styles applied to the component. Default null |
message? | SCPrivateMessageSnippetType | PrivateMessageItem Object Default null |
onItemClick? | () => void | Callback fired on item click |
secondaryAction? | ReactNode | Item secondary action (visible only on mobile view) |
Functions
PrivateMessageSnippetItem()
PrivateMessageSnippetItem(
inProps):JSX.Element
API documentation for the Community-JS PrivateMessageSnippetItem component. Learn about the available props and the CSS API.
Import
import {PrivateMessageSnippetItem} from '@selfcommunity/react-ui';
Component Name
The name SCPrivateMessageSnippetItem can be used when providing style overrides in the theme.
CSS
| Rule Name | Global class | Description |
|---|---|---|
| root | .SCPrivateMessageSnippetItem-root | Styles applied to the root element. |
| username | .SCPrivateMessageSnippetItem-username | Styles applied to the username element. |
| badgeLabel | .SCPrivateMessageSnippetItem-badgeLabel | Styles applied to the badgeLabel element. |
| time | .SCPrivateMessageSnippetItem-time | Styles applied to the time element. |
| menuItem | .SCPrivateMessageSnippetItem-menu-item | Styles applied to the menu item element. |
| unread | .SCPrivateMessageSnippetItem-unread | Styles applied to snippet item if there's an unread message. |
Parameters
| Parameter | Type | Description |
|---|---|---|
inProps | PrivateMessageSnippetItemProps |
Returns
JSX.Element
Source
packages/react-ui/src/components/PrivateMessageSnippetItem/PrivateMessageSnippetItem.tsx:82
PrivateMessageSnippetItemSkeleton()
PrivateMessageSnippetItemSkeleton(
props):JSX.Element
API documentation for the Community-JS PrivateMessageSnippetItem Skeleton component. Learn about the available props and the CSS API.
Import
import {PrivateMessageSnippetItemSkeleton} from '@selfcommunity/react-ui';
Component Name
The name SCPrivateMessageSnippetItem-skeleton-root can be used when providing style overrides in the theme.
CSS
| Rule Name | Global class | Description |
|---|---|---|
| root | .SCPrivateMessageSnippetItem-skeleton-root | Styles applied to the root element. |
| list | .SCPrivateMessageSnippetItem-list | Styles applied to the list element. |
Parameters
| Parameter | Type |
|---|---|
props | any |
Returns
JSX.Element
Source
packages/react-ui/src/components/PrivateMessageSnippetItem/Skeleton.tsx:41