Skip to main content

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 NameGlobal classDescription
root.SCCommentObject-rootStyles applied to the root element.
comment.SCCommentObject-commentStyles applied to comment element.
nestedComments.SCCommentObject-nestedCommentsStyles applied to nested comments element wrapper.
avatar.SCCommentObject-avatarStyles applied to the avatar element.
author.SCCommentObject-authorStyles applied to the author section.
content.SCCommentObject-contentStyles applied to content section.
textContent.SCCommentObject-text-contentStyles applied to text content section.
vote.SCCommentObject-voteStyles applied to the votes section.
btnVotes.SCCommentObject-vote-audienceStyles applied to the votes audience section.
commentActionsMenu.SCCommentObject-comment-actions-menuStyles applied to comment action menu element.
deleted.SCCommentObject-deletedStyles applied to tdeleted element.
activityAt.SCCommentObject-activity-atStyles applied to activity at section.
reply.SCCommentObject-replyStyles applied to the reply element.
contentSubSection.SCCommentObject-content-sub-sectionStyles applied to the comment subsection

Parameters

NameType
inPropsCommentObjectProps

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 NameGlobal classDescription
root.SCCommentObject-skeleton-rootStyles applied to the root element.

Parameters

NameType
propsany

Returns

JSX.Element

Defined in

packages/react-ui/src/components/CommentObject/Skeleton.tsx:41