Skip to main content

ExploreFeed

Interfaces

ExploreFeedProps

Properties

className?

optional className: string

Overrides or extends the styles applied to the component.

Default
null
FeedObjectProps?

optional FeedObjectProps: FeedObjectProps

Props to spread to single feed object

Default
empty object
FeedProps?

optional FeedProps: Omit<FeedProps, "endpoint" | "ItemComponent" | "widgets" | "itemPropsGenerator" | "itemIdGenerator" | "ItemSkeleton" | "ItemSkeletonProps" | "FeedSidebarProps">

Props to spread to feed component

Default
{}
FeedSidebarProps?

optional FeedSidebarProps: StickyBoxProps

Props to spread to single feed object

Default
{top: 0, bottomBoundary: `#${id}`}
id?

optional id: string

Id of the feed object

Default
'feed'
widgets?

optional widgets: SCFeedWidgetType[]

Widgets to be rendered into the feed

Default
[CategoriesFollowed, UserFollowed]

Functions

ExploreFeed()

ExploreFeed(inProps): Element

API documentation for the Community-JS Explore Feed Template. Learn about the available props and the CSS API.

This component renders the template for explore feed. Take a look at our demo component here

Import

import {ExploreFeed} from '@selfcommunity/react-templates';

Component Name

The name SCExploreFeedTemplate can be used when providing style overrides in the theme.

CSS

Rule NameGlobal classDescription
root.SCExploreFeedTemplate-rootStyles applied to the root element.

Parameters

ParameterTypeDescription
inPropsExploreFeedProps

Returns

Element


ExploreFeedSkeleton()

ExploreFeedSkeleton(): Element

API documentation for the Community-JS Explore Feed Skeleton Template. Learn about the available props and the CSS API.

Import

import {ExploreFeedSkeleton} from '@selfcommunity/react-templates';

Component Name

The name SCExploreFeedTemplate-skeleton-root can be used when providing style overrides in the theme.

CSS

Rule NameGlobal classDescription
root.SCExploreFeedTemplate-skeleton-rootStyles applied to the root element.

Returns

Element