Skip to main content

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 NameGlobal classDescription
root.SCCategoriesPopularWidget-rootStyles applied to the root element.
title.SCCategoriesPopularWidget-titleStyles applied to the title element.
noResults.SCCategoriesPopularWidget-no-resultsStyles applied to no results section.
showMore.SCCategoriesPopularWidget-show-moreStyles applied to show more button element.
dialogRoot.SCCategoriesPopularWidget-dialog-rootStyles applied to the root dialog element.
endMessage.SCCategoriesPopularWidget-end-messageStyles applied to the end message element.

Parameters

ParameterTypeDescription
inPropsCategoriesPopularWidgetProps

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 NameGlobal classDescription
root.SCCategoriesPopularWidget-skeleton-rootStyles applied to the root element.

Parameters

ParameterType
propsany

Returns

JSX.Element

Source

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