Event
Interfaces
EventProps
Properties
className?
optionalclassName:string
Overrides or extends the styles applied to the component.
Default
null
event?
optionalevent:SCEventType
Event Object
Default
null
EventFeedProps?
optionalEventFeedProps:EventFeedProps
Props to spread to EventFeed component
Default
{}
EventHeaderProps?
optionalEventHeaderProps:EventHeaderProps
Props to spread EventHeader component
Default
{}
eventId?
optionaleventId:number
Id of the event for filter the feed
Default
null
FeedObjectProps?
optionalFeedObjectProps:FeedObjectProps
Props to spread to single feed object
Default
empty object
FeedSidebarProps?
optionalFeedSidebarProps:StickyBoxProps
Props to spread to single feed object
Default
{top: 0, bottomBoundary: `#${id}`}
id?
optionalid:string
Id of the feed object
Default
'feed'
widgets?
optionalwidgets:SCFeedWidgetType[]
Widgets to be rendered into the feed
Default
[]
Functions
Event()
Event(
inProps):Element
API documentation for the Community-JS Category Template. Learn about the available props and the CSS API.
This component renders a specific event's template. Take a look at our demo component here
Import
import {Group} from '@selfcommunity/react-templates';
Component Name
The name SCGroupTemplate can be used when providing style overrides in the theme.
CSS
| Rule Name | Global class | Description |
|---|---|---|
| root | .SCGroupTemplate-root | Styles applied to the root element. |
| feed | .SCGroupTemplate-feed | Styles applied to the feed element. |
Parameters
| Parameter | Type | Description |
|---|---|---|
inProps | EventProps |
Returns
Element
EventSkeleton()
EventSkeleton():
Element
API documentation for the Community-JS Group Skeleton Template. Learn about the available props and the CSS API.
Import
import {EventSkeletonTemplate} from '@selfcommunity/react-templates';
Component Name
The name SCEventTemplate-skeleton-root can be used when providing style overrides in the theme.
CSS
| Rule Name | Global class | Description |
|---|---|---|
| root | .SCEventTemplate-skeleton-root | Styles applied to the root element. |
Returns
Element