UNPKG

@selfcommunity/react-templates

Version:

React Templates Components to integrate a Community created with SelfCommunity.

70 lines (63 loc) 1.89 kB
import { FeedObjectProps, FeedProps, FeedSidebarProps, SCFeedWidgetType } from '@selfcommunity/react-ui'; import { SCGroupType } from '@selfcommunity/types'; export interface GroupFeedProps { /** * Id of the feed object * @default 'feed' */ id?: string; /** * Overrides or extends the styles applied to the component. * @default null */ className?: string; /** * Group Object * @default null */ group?: SCGroupType; /** * Id of the group for filter the feed * @default null */ groupId?: number; /** * Widgets to be rendered into the feed * @default [GroupMembersWidget, GroupInfoWidget] */ widgets?: SCFeedWidgetType[] | null; /** * Props to spread to single feed object * @default empty object */ FeedObjectProps?: FeedObjectProps; /** * Props to spread to single feed object * @default {top: 0, bottomBoundary: `#${id}`} */ FeedSidebarProps?: FeedSidebarProps; /** * Props to spread to feed component * @default {} */ FeedProps?: Omit<FeedProps, 'endpoint' | 'widgets' | 'ItemComponent' | 'itemPropsGenerator' | 'itemIdGenerator' | 'ItemSkeleton' | 'ItemSkeletonProps' | 'FeedSidebarProps'>; } /** * > API documentation for the Community-JS Group Feed Template. Learn about the available props and the CSS API. * * * This component renders a specific group's feed. #### Import ```jsx import {GroupFeed} from '@selfcommunity/react-templates'; ``` #### Component Name The name `SCGroupFeedTemplate` can be used when providing style overrides in the theme. #### CSS |Rule Name|Global class|Description| |---|---|---| |root|.SCGroupFeedTemplate-root|Styles applied to the root element.| * * @param inProps */ export default function GroupFeed(inProps: GroupFeedProps): JSX.Element;