EventHeader

Interfaces

EventHeaderProps

Indexable

[p: string]: any

Properties

Property	Type	Description
EventActionsProps?	Omit<EventActionsMenuProps, "event">	Props to spread event actions menu Default {}
EventSubscribeButtonProps?	EventSubscribeButtonProps	Props to spread event button Default {}
className?	string	Overrides or extends the styles applied to the component. Default null
event?	SCEventType	Event Object Default null
eventId?	number	Id of the event Default null
id?	string	Id of event object Default null

Functions

EventHeader()

EventHeader(inProps): JSX.Element

API documentation for the Community-JS Event Header component. Learn about the available props and the CSS API.

This component renders the events top section.

Import

import {UserProfileHeader} from '@selfcommunity/react-ui';

Component Name

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

CSS

Rule Name	Global class	Description
root	.SCEventHeader-root	Styles applied to the root element.
cover	.SCEventHeader-cover	Styles applied to the cover element.
time	.SCEventHeader-time	Styles applied to the time element.
calendar	.SCEventHeader-calendar	Styles applied to the calendar element.
info	SCEventHeader-info	Styles applied to the info section.
name	SCEventHeader-username	Styles applied to the username element.
visibility	SCEventHeader-visibility	Styles applied to the visibility section.
visibilityItem	SCEventHeader-visibility-item	Styles applied to the visibility element.
multiActions	SCEventHeader-multi-action	Styles applied to the multi actions section.

Parameters

Parameter	Type	Description
inProps	EventHeaderProps

Returns

JSX.Element

Source

packages/react-ui/src/components/EventHeader/EventHeader.tsx:124

---

EventHeaderSkeleton()

EventHeaderSkeleton(): JSX.Element

API documentation for the Community-JS Event Header Skeleton component. Learn about the available props and the CSS API.

Import

import {EventHeaderSkeleton} from '@selfcommunity/react-ui';

Component Name

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

CSS

Rule Name	Global class	Description
root	.SCEventHeader-skeleton-root	Styles applied to the root element.
avatar	.SCEventHeader-avatar	Styles applied to the avatar element.
cover	.SCEventHeader-cover	Styles applied to the cover element.
info	.SCEventHeader-info	Styles applied to the info info.

Returns

JSX.Element

Source

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