Skip to main content

CategoryHeader

Interfaces

CategoryHeaderProps

Indexable

[p: string]: any

Any other properties

Properties

PropertyTypeDescription
category?SCCategoryTypeCategory Object Default null
CategoryFollowButtonProps?Pick<CategoryFollowButtonProps, keyof CategoryFollowButtonProps>Props to spread category button followed Default {}
CategoryFollowersButtonProps?Pick<CategoryFollowersButtonProps, keyof CategoryFollowersButtonProps>Props to spread to followedBy dialog Default {}
categoryId?numberId of category object Default null
className?stringOverrides or extends the styles applied to the component. Default null

Functions

CategoryHeader()

CategoryHeader(inProps): Element

API documentation for the Community-JS Category AppBar component. Learn about the available props and the CSS API.

This component renders the top section for category pages. Take a look at our demo component here

Import

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

Component Name

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

CSS

Rule NameGlobal classDescription
root.SCCategoryHeader-rootStyles applied to the root element.
cover.SCCategoryHeader-coverStyles applied to the cover element.
name.SCCategoryHeader-nameStyles applied to the name element.
slogan.SCCategoryHeader-sloganStyles applied to the slogan element.
info.SCCategoryHeader-infoStyles applied to the info element.
followedCounter.SCCategoryHeader-followed-by-counterStyles applied to the followers counter element.
followed.SCCategoryHeader-followedStyles applied to the followers avatars section.
action.SCCategoryHeader-actionStyles applied to the action section.

Parameters

ParameterTypeDescription
inPropsCategoryHeaderProps

Returns

Element


CategoryHeaderSkeleton()

CategoryHeaderSkeleton(): Element

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

Import

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

Component Name

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

CSS

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

Returns

Element