Skip to main content

InlineComposerWidget

Interfaces

InlineComposerWidgetProps

Extends

Properties

PropertyTypeDescription
defaultValue?objectInitialization Data for the Composer, this is a hook to generate custom posts

Default
null
defaultValue.addressing?SCTagType[]-
defaultValue.audience?string-
defaultValue.categories?SCCategoryType[]-
defaultValue.event?SCEventType-
defaultValue.group?SCGroupType-
defaultValue.location?string-
defaultValue.medias?SCMediaType[]-
defaultValue.poll?SCPollType-
defaultValue.text?string-
defaultValue.title?string-
feedType?SCFeedTypologyTypeThe feed where the component is rendered

Default
SCFeedTypologyType.HOME
label?anyThe label showed inside the composer
mediaObjectTypes?SCMediaObjectType[]Media objects available

Default
Image, Document, Link
onSuccess?(res: any) => voidCallback 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 NameGlobal classDescription
root.SCInlineComposerWidget-rootStyles applied to the root element.
content.SCInlineComposerWidget-contentStyles applied to the content element.
input.SCInlineComposerWidget-inputStyles applied to the input element.
avatar.SCInlineComposerWidget-avatarStyles applied to the avatar element.

Parameters

ParameterTypeDescription
inPropsInlineComposerWidgetProps

Returns

JSX.Element

Source

packages/react-ui/src/components/InlineComposerWidget/InlineComposerWidget.tsx:113


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 NameGlobal classDescription
root.SCInlineComposerWidget-skeleton-rootStyles applied to the root element.
content.SCInlineComposerWidget-contentStyles applied to the content element.
input.SCInlineComposerWidget-inputStyles applied to the input element.
avatar.SCInlineComposerWidget-avatarStyles applied to the avatar element.

Returns

JSX.Element

Source

packages/react-ui/src/components/InlineComposerWidget/Skeleton.tsx:43