Module: CategoryHeader

Interfaces

• CategoryHeaderProps

Functions

CategoryHeader

▸ CategoryHeader(inProps): JSX.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 Name	Global class	Description
root	.SCCategoryHeader-root	Styles applied to the root element.
cover	.SCCategoryHeader-cover	Styles applied to the cover element.
name	.SCCategoryHeader-name	Styles applied to the name element.
slogan	.SCCategoryHeader-slogan	Styles applied to the slogan element.
info	.SCCategoryHeader-info	Styles applied to the info element.
followedCounter	.SCCategoryHeader-followed-by-counter	Styles applied to the followers counter element.
followed	.SCCategoryHeader-followed	Styles applied to the followers avatars section.
action	.SCCategoryHeader-action	Styles applied to the action section.

Parameters

Name	Type
inProps	CategoryHeaderProps

Returns

JSX.Element

Defined in

packages/react-ui/src/components/CategoryHeader/CategoryHeader.tsx:94

---

CategoryHeaderSkeleton

▸ CategoryHeaderSkeleton(): JSX.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 Name	Global class	Description
root	.SCCategoryHeader-skeleton-root	Styles applied to the root element.

Returns

JSX.Element

Defined in

packages/react-ui/src/components/CategoryHeader/Skeleton.tsx:35