CommentObjectReply

Interfaces

CommentObjectReplyProps

API documentation for the Community-JS Widget component. Learn about the available props and the CSS API.

Import

import {Widget} from '@selfcommunity/react-ui';

Component Name

The name SCWidget can be used when providing style overrides in the theme.

CSS

Rule Name	Global class	Description
root	.SCWidget-root	Styles applied to the root element.

Extends

• WidgetProps

Indexable

[p: string]: any

Properties

Property	Type	Description	Inherited from
WidgetProps?	WidgetProps	Initial content Default {variant: 'outlined'}	-
autoFocus?	boolean	Bind focus on mount Default false	-
className?	string	Overrides or extends the styles applied to the component. Default null	WidgetProps.className
editable?	boolean	Disable component Default true	-
onCancel?	() => void	Callback invoked after disccard save/edit	-
onReply?	(comment: any) => void	Callback invoked after reply	-
onSave?	(comment: any) => void	Callback invoked after save/edit	-
text?	string	Initial content Default ''	-

Functions

CommentObjectReply()

CommentObjectReply(inProps): JSX.Element

API documentation for the Community-JS Comment Object Reply component. Learn about the available props and the CSS API.

Import

import {CommentObjectReply} from '@selfcommunity/react-ui';

Component Name

The name CommentObjectReply can be used when providing style overrides in the theme.

CSS

Rule Name	Global class	Description
root	.CommentObjectReply-root	Styles applied to the root element.
comment	.SCCommentObjectReply-comment	Styles applied to comment element.
hasValue	.SCCommentObjectReply-has-value	Styles applied to the comment element when editor is not empty.
avatar	.SCCommentObjectReply-avatar	Styles applied to the avatar element.
actions	.SCCommentObjectReply-actions	Styles applied to the actions section.
buttonReply	.SCCommentObjectReply-button-reply	Styles applied to reply button element.
buttonSave	.SCCommentObjectReply-button-save	Styles applied to save button element.
buttonCancel	.SCCommentObjectReply-button-cancel	Styles applied to the cancel button element.

Parameters

Parameter	Type	Description
inProps	CommentObjectReplyProps

Returns

JSX.Element

Source

packages/react-ui/src/components/CommentObjectReply/CommentObjectReply.tsx:110