GroupHeader

Interfaces

GroupHeaderProps

Indexable

[p: string]: any

Properties

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

Functions

GroupHeader()

GroupHeader(inProps): JSX.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

JSX.Element

Source

packages/react-ui/src/components/GroupHeader/GroupHeader.tsx:122

---

GroupHeaderSkeleton()

GroupHeaderSkeleton(): JSX.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

JSX.Element

Source

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