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
Indexable
[p: string]: any
Other props
Properties
| Property | Type | Description | Inherited from |
|---|---|---|---|
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 | - |
EditorProps? | EditorProps | Initial content Default {} | - |
medias? | SCMediaType[] | Initial media content Default '' | - |
onCancel? | () => void | Callback invoked after disccard save/edit | - |
onReply? | (comment, medias?) => void | Callback invoked after reply | - |
onSave? | (comment, medias?) => void | Callback invoked after save/edit | - |
replyIcon? | boolean | Prop to show a reply icon instead of the button Default false | - |
showAvatar? | boolean | Prop to show user avatar Default true | - |
text? | string | Initial content Default '' | - |
WidgetProps? | WidgetProps | Initial content Default {variant: 'outlined'} | - |
Functions
CommentObjectReply()
CommentObjectReply(
inProps):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
Element