Module: CommentObject
Interfaces
Functions
CommentObject
▸ CommentObject(inProps
): JSX.Element
API documentation for the Community-JS Comment Object component. Learn about the available props and the CSS API.
This component renders a comment item. Take a look at our demo component here
Import
import {CommentObject} from '@selfcommunity/react-ui';
Component Name
The name SCCommentObject
can be used when providing style overrides in the theme.
CSS
Rule Name | Global class | Description |
---|---|---|
root | .SCCommentObject-root | Styles applied to the root element. |
comment | .SCCommentObject-comment | Styles applied to comment element. |
nestedComments | .SCCommentObject-nestedComments | Styles applied to nested comments element wrapper. |
avatar | .SCCommentObject-avatar | Styles applied to the avatar element. |
author | .SCCommentObject-author | Styles applied to the author section. |
content | .SCCommentObject-content | Styles applied to content section. |
textContent | .SCCommentObject-text-content | Styles applied to text content section. |
vote | .SCCommentObject-vote | Styles applied to the votes section. |
btnVotes | .SCCommentObject-vote-audience | Styles applied to the votes audience section. |
commentActionsMenu | .SCCommentObject-comment-actions-menu | Styles applied to comment action menu element. |
deleted | .SCCommentObject-deleted | Styles applied to tdeleted element. |
activityAt | .SCCommentObject-activity-at | Styles applied to activity at section. |
reply | .SCCommentObject-reply | Styles applied to the reply element. |
contentSubSection | .SCCommentObject-content-sub-section | Styles applied to the comment subsection |
Parameters
Name | Type |
---|---|
inProps | CommentObjectProps |
Returns
JSX.Element
Defined in
packages/react-ui/src/components/CommentObject/CommentObject.tsx:232
CommentObjectSkeleton
▸ CommentObjectSkeleton(props
): JSX.Element
API documentation for the Community-JS Comment Object Skeleton component. Learn about the available props and the CSS API.
Import
import {CommentObjectSkeleton} from '@selfcommunity/react-ui';
Component Name
The name SCCommentObject-skeleton-root
can be used when providing style overrides in the theme.
CSS
Rule Name | Global class | Description |
---|---|---|
root | .SCCommentObject-skeleton-root | Styles applied to the root element. |
Parameters
Name | Type |
---|---|
props | any |
Returns
JSX.Element
Defined in
packages/react-ui/src/components/CommentObject/Skeleton.tsx:41