GroupHeader

Interfaces

GroupHeaderProps

Indexable

[p: string]: any

Any other properties

Properties

Property	Type	Description
ChangeCoverProps?	ChangeGroupCoverProps	Props to spread change cover button Default {}
ChangePictureProps?	ChangeGroupPictureProps	Props to spread change picture button Default {}
className?	string	Overrides or extends the styles applied to the component. Default null
group?	SCGroupType	Group Object Default null
GroupActionsProps?	Omit<GroupActionsMenuProps, "group">	Props to spread event actions menu Default {}
groupId?	number	Id of the group Default null
GroupMembersButtonProps?	GroupMembersButtonProps	Props to spread to the group memebers button Default {}
GroupSubscribeButtonProps?	GroupSubscribeButtonProps	Props to spread group button followed Default {}
id?	string	Id of group object Default null

Functions

GroupHeader()

GroupHeader(inProps): Element

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

This component renders the groups top section.

Import

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

Component Name

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

CSS

Rule Name	Global class	Description
root	.SCGroupHeader-root	Styles applied to the root element.
cover	.SCGroupHeader-cover	Styles applied to the cover element.
avatar	.SCGroupHeader-avatar	Styles applied to the avatar element.
info	SCGroupHeader-info	Styles applied to the info section.
name	SCGroupHeader-username	Styles applied to the username element.
changePicture	.SCGroupHeader-change-picture	Styles applied to changePicture element.
changeCover	.SCGroupHeader-change-cover`	Styles applied to changeCover element.

Parameters

Parameter	Type	Description
inProps	GroupHeaderProps

Returns

Element

---

GroupHeaderSkeleton()

GroupHeaderSkeleton(): Element

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

Import

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

Component Name

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

CSS

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

Returns

Element