LoyaltyProgramWidget

Interfaces

LoyaltyProgramWidgetProps

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

Import

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

Component Name

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

CSS

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

Extends

• WidgetProps

Properties

Property	Type	Description	Inherited from
className?	string	Overrides or extends the styles applied to the component. Default null	WidgetProps.className
userId?	number	The user id Default null	-

Functions

LoyaltyProgramWidget()

LoyaltyProgramWidget(inProps): JSX.Element

API documentation for the Community-JS Loyalty Program Widget component. Learn about the available props and the CSS API.

This component renders a widget containing the points earn by the user with the loyalty program. Take a look at our demo component here

Import

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

Component Name

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

CSS

Rule Name	Global class	Description
root	.SCLoyaltyProgramWidget-root	Styles applied to the root element.
title.SCLoyaltyProgramWidget-title	Styles applied to the title element.
actions	.SCLoyaltyProgramWidget-actions	Styles applied to the actions section.
points	.SCLoyaltyProgramWidget-points	Styles applied to the points section.
discoverMore	.SCLoyaltyProgramWidget-discover-more	Styles applied to discover more button element.

Parameters

Parameter	Type	Description
inProps	LoyaltyProgramWidgetProps

Returns

JSX.Element

Source

packages/react-ui/src/components/LoyaltyProgramWidget/LoyaltyProgramWidget.tsx:68

---

LoyaltyProgramWidgetSkeleton()

LoyaltyProgramWidgetSkeleton(): JSX.Element

API documentation for the Community-JS Loyalty Program Widget Skeleton component. Learn about the available props and the CSS API.

Import

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

Component Name

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

CSS

Rule Name	Global class	Description
root	.SCLoyaltyProgramWidget-skeleton-root	Styles applied to the root element.
title	.SCLoyaltyProgramWidget-title	Styles applied to the title element.
content	.SCLoyaltyProgramWidget-content	Styles applied to the card content section.
chip	.SCLoyaltyProgramWidget-chip	Styles applied to the card chip element.
points	.SCLoyaltyProgramWidget-points	Styles applied to the card actions points element.
actions	.SCLoyaltyProgramWidget-actions	Styles applied to the action section.

Returns

JSX.Element

Source

packages/react-ui/src/components/LoyaltyProgramWidget/Skeleton.tsx:45