InlineComposerWidget
Interfaces
InlineComposerWidgetProps
Extends
Omit<WidgetProps,"defaultValue">
Properties
| Property | Type | Description |
|---|---|---|
defaultValue? | object | Initialization Data for the Composer, this is a hook to generate custom posts Default null |
defaultValue.addressing? | SCTagType[] | - |
defaultValue.audience? | string | - |
defaultValue.categories? | SCCategoryType[] | - |
defaultValue.group? | SCGroupType | - |
defaultValue.location? | string | - |
defaultValue.medias? | SCMediaType[] | - |
defaultValue.poll? | SCPollType | - |
defaultValue.text? | string | - |
defaultValue.title? | string | - |
feedType? | SCFeedTypologyType | The feed where the component is rendered Default SCFeedTypologyType.HOME |
label? | any | The label showed inside the composer |
mediaObjectTypes? | SCMediaObjectType[] | Media objects available Default Image, Document, Link |
onSuccess? | (res: any) => void | Callback triggered on success contribution creation Default null |
Functions
InlineComposerWidget()
InlineComposerWidget(
inProps):JSX.Element
API documentation for the Community-JS Inline Composer component. Learn about the available props and the CSS API.
This component renders This component renders the section used for feed objects creation Take a look at our demo component here
Import
import {InlineComposerWidget} from '@selfcommunity/react-ui';
Component Name
The name SCInlineComposerWidget can be used when providing style overrides in the theme.
CSS
| Rule Name | Global class | Description |
|---|---|---|
| root | .SCInlineComposerWidget-root | Styles applied to the root element. |
| content | .SCInlineComposerWidget-content | Styles applied to the content element. |
| input | .SCInlineComposerWidget-input | Styles applied to the input element. |
| avatar | .SCInlineComposerWidget-avatar | Styles applied to the avatar element. |
Parameters
| Parameter | Type | Description |
|---|---|---|
inProps | InlineComposerWidgetProps |
Returns
JSX.Element
Source
packages/react-ui/src/components/InlineComposerWidget/InlineComposerWidget.tsx:104
InlineComposerWidgetSkeleton()
InlineComposerWidgetSkeleton():
JSX.Element
API documentation for the Community-JS Inline Composer Skeleton component. Learn about the available props and the CSS API.
Import
import {InlineComposerWidgetSkeleton} from '@selfcommunity/react-ui';
Component Name
The name SCInlineComposerWidgetSkeleton can be used when providing style overrides in the theme.
CSS
| Rule Name | Global class | Description |
|---|---|---|
| root | .SCInlineComposerWidget-skeleton-root | Styles applied to the root element. |
| content | .SCInlineComposerWidget-content | Styles applied to the content element. |
| input | .SCInlineComposerWidget-input | Styles applied to the input element. |
| avatar | .SCInlineComposerWidget-avatar | Styles applied to the avatar element. |
Returns
JSX.Element
Source
packages/react-ui/src/components/InlineComposerWidget/Skeleton.tsx:43