@selfcommunity/react-ui
Version:
React UI Components to integrate a Community created with SelfCommunity Platform.
57 lines (48 loc) • 1.52 kB
TypeScript
export interface PrivateMessageEditorProps {
/**
* Hides this component
* @default false
*/
autoHide?: boolean;
/**
* Overrides or extends the styles applied to the component.
* @default null
*/
className?: string;
/**
* Callback to send the message
*/
send?: (message?: string, file?: string) => void;
/**
* If there's an error
* @default false
*/
error?: boolean;
/**
* Callback fired when removing error
* @default null
*/
onErrorRemove?: () => void;
/**
* Any other properties
*/
[p: string]: any;
}
/**
* > API documentation for the Community-JS Private Message Editor component. Learn about the available props and the CSS API.
#### Import
```jsx
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.|
* @param inProps
*/
export default function PrivateMessageEditor(inProps: PrivateMessageEditorProps): JSX.Element;