Module: LoyaltyProgramWidget
Interfaces
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
| Name | Type |
|---|---|
inProps | LoyaltyProgramWidgetProps |
Returns
JSX.Element
Defined in
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
Defined in
packages/react-ui/src/components/LoyaltyProgramWidget/Skeleton.tsx:45