PrivateMessageEditor

Interfaces

PrivateMessageEditorProps

Indexable

[p: string]: any

Properties

Property	Type	Description
autoHide?	boolean	Hides this component Default false
className?	string	Overrides or extends the styles applied to the component. Default null
error?	boolean	If there's an error Default false
onErrorRemove?	() => void	Callback fired when removing error Default null
send?	(message?: string, file?: string) => void	Callback to send the message

Functions

PrivateMessageEditor()

PrivateMessageEditor(inProps): JSX.Element

API documentation for the Community-JS Private Message Editor component. Learn about the available props and the CSS API.

Import

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

Component Name

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

CSS

Rule Name	Global class	Description
root	.SCPrivateMessageEditor-root	Styles applied to the root element.
messageInput	.SCPrivateMessageEditor-card	Styles applied to the message input element.
mediaUploader	.SCPrivateMessageEditor-media-uploader	Styles applied to the message media uploader section.
emojiSection	.SCPrivateMessageEditor-emoji-section	Styles applied to the emoji section.

Parameters

Parameter	Type	Description
inProps	PrivateMessageEditorProps

Returns

JSX.Element

Source

packages/react-ui/src/components/PrivateMessageEditor/PrivateMessageEditor.tsx:90

---

PrivateMessageEditorSkeleton()

PrivateMessageEditorSkeleton(): JSX.Element

API documentation for the Community-JS Message Editor Skeleton component. Learn about the available props and the CSS API.

Import

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

Component Name

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

CSS

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

Returns

JSX.Element

Source

packages/react-ui/src/components/PrivateMessageEditor/Skeleton.tsx:34