Module: CommentsObject
Interfaces
Functions
CommentsObject
▸ CommentsObject(inProps): JSX.Element
API documentation for the Community-JS Comments Object component. Learn about the available props and the CSS API.
Import
import {CommentsObject} from '@selfcommunity/react-ui';
Component Name
The name SCCommentsObject can be used when providing style overrides in the theme.
CSS
| Rule Name | Global class | Description |
|---|---|---|
| root | .SCCommentsObject-root | Styles applied to the root element. |
| pagination | .SCCommentsObject-pagination | Styles applied to the pagination controls. |
| paginationLink | .SCCommentsObject-pagination-link | Styles applied to the pagination link. |
| loadNextCommentsButton | .SCCommentsObject-load-next-comments-button | Styles applied to the load next comments button. |
| loadPreviousCommentsButton | .SCCommentsObject-load-previous-comments-button | Styles applied to the load previous comments button. |
| commentsCounter | .SCCommentsObject-comments-counter | Styles applied to the comments counter element. |
Parameters
| Name | Type |
|---|---|
inProps | CommentsObjectProps |
Returns
JSX.Element
Defined in
packages/react-ui/src/components/CommentsObject/CommentsObject.tsx:254
CommentsObjectSkeleton
▸ CommentsObjectSkeleton(props): JSX.Element
API documentation for the Community-JS Comments Object Skeleton component. Learn about the available props and the CSS API.
Import
import {CommentsObjectSkeleton} from '@selfcommunity/react-ui';
Component Name
The name SCCommentsObject-skeleton-root can be used when providing style overrides in the theme.
CSS
| Rule Name | Global class | Description |
|---|---|---|
| root | .SCCommentsObject-skeleton-root | Styles applied to the root element. |
Parameters
| Name | Type |
|---|---|
props | Object |
props.CommentObjectSkeletonProps? | any |
props.count? | number |
Returns
JSX.Element
Defined in
packages/react-ui/src/components/CommentsObject/Skeleton.tsx:36