Module: FeedObject
Interfaces
Functions
FeedObject
▸ FeedObject(inProps): JSX.Element
API documentation for the Community-JS Feed Object component. Learn about the available props and the CSS API.
This component renders a feed object item (post, discussion or status). Take a look at our demo component here
Import
import {FeedObject} from '@selfcommunity/react-ui';
Component Name
The name SCFeedObject can be used when providing style overrides in the theme.
CSS
| Rule Name | Global class | Description |
|---|---|---|
| root | .SCFeedObject-root | Styles applied to the root element. |
| deleted | .SCFeedObject-deleted | Styles applied to the feed obj when is deleted (visible only for admin and moderator). |
| header | .SCFeedObject-header | Styles applied to the header of the card. |
| category | .SCFeedObject-category | Styles applied to the category element. |
| avatar | .SCFeedObject-avatar | Styles applied to the avatar element. |
| username | .SCFeedObject-username | Styles applied to the username element. |
| activityAt | .SCFeedObject-activity-at | Styles applied to the activity at section. |
| tag | .SCFeedObject-tag | Styles applied to the tag element. |
| location | .SCFeedObject-location | Styles applied to the location element. |
| content | .SCFeedObject-content | Styles applied to the content section. Content section include: title-section, text-section, snippetContent, subContent, medias-section, polls-section, info-section. |
| error | .SCFeedObject-error | Styles applied to the error element. |
| title-section | .SCFeedObject-title-section | Styles applied to the title section. |
| title | .SCFeedObject-title | Styles applied to the title element. |
| text-section | .SCFeedObject-text-section | Styles applied to the text section. |
| text | .SCFeedObject-text | Styles applied to the text element. |
| snippet | .SCFeedObject-snippet | Styles applied to snippet element. |
| snippet-content | .SCFeedObject-snippet-content | Styles applied to snippet content element. |
| medias-section | .SCFeedObject-medias-section | Styles applied to the medias section. |
| polls-section | .SCFeedObject-polls-section | Styles applied to the polls section. |
| info-section | .SCFeedObject-info-section | Styles applied to the info section. |
| actions-section | .SCFeedObject-actions-section | Styles applied to the actions container. |
| reply-content | .SCFeedObject-reply-content | Styles applied to the reply box. |
| activitiesSection | .SCFeedObject-activities-section | Styles applied to the activities section element. |
| activitiesContent | .SCFeedObject-activities-content | Styles applied to the activities content element. |
| followButton | .SCFeedObject-follow-button | Styles applied to the follow button element. |
Parameters
| Name | Type |
|---|---|
inProps | FeedObjectProps |
Returns
JSX.Element
Defined in
packages/react-ui/src/components/FeedObject/FeedObject.tsx:320
FeedObjectSkeleton
▸ FeedObjectSkeleton(props): JSX.Element
API documentation for the Community-JS Feed Object Skeleton component. Learn about the available props and the CSS API.
Import
import {FeedObjectSkeleton} from '@selfcommunity/react-ui';
Component Name
The name SCFeedObject-skeleton-root can be used when providing style overrides in the theme.
CSS
| Rule Name | Global class | Description |
|---|---|---|
| root | .SCFeedObject-skeleton-root | Styles applied to the root element. |
| media | .SCFeedObject-media | Styles applied to the media element. |
Parameters
| Name | Type |
|---|---|
props | Object |
props.template? | SCFeedObjectTemplateType |
Returns
JSX.Element