CategoriesPopularWidget

Functions

CategoriesPopularWidget()

CategoriesPopularWidget(inProps): JSX.Element

API documentation for the Community-JS Categories Popular widget component. Learn about the available props and the CSS API.

This component renders a list of popular categories. Take a look at our demo component here

Import

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

Component Name

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

CSS

Rule Name	Global class	Description
root	.SCCategoriesPopularWidget-root	Styles applied to the root element.
title	.SCCategoriesPopularWidget-title	Styles applied to the title element.
noResults	.SCCategoriesPopularWidget-no-results	Styles applied to no results section.
showMore	.SCCategoriesPopularWidget-show-more	Styles applied to show more button element.
dialogRoot	.SCCategoriesPopularWidget-dialog-root	Styles applied to the root dialog element.
endMessage	.SCCategoriesPopularWidget-end-message	Styles applied to the end message element.

Parameters

Parameter	Type	Description
inProps	CategoriesPopularWidgetProps

Returns

JSX.Element

Source

packages/react-ui/src/components/CategoriesPopularWidget/CategoriesPopularWidget.tsx:113

---

CategoriesPopularWidgetSkeleton()

CategoriesPopularWidgetSkeleton(props): JSX.Element

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

Import

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

Component Name

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

CSS

Rule Name	Global class	Description
root	.SCCategoriesPopularWidget-skeleton-root	Styles applied to the root element.

Parameters

Parameter	Type
props	any

Returns

JSX.Element

Source

packages/react-ui/src/components/CategoriesPopularWidget/Skeleton.tsx:34