Skip to main content

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

Extends

Indexable

[p: string]: any

Other props

Properties

PropertyTypeDescriptionInherited from
className?stringOverrides or extends the styles applied to the component. Default nullWidgetProps.className
userId?numberThe user id Default null-

Functions

LoyaltyProgramWidget()

LoyaltyProgramWidget(inProps): 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 NameGlobal classDescription
root.SCLoyaltyProgramWidget-rootStyles applied to the root element.
title.SCLoyaltyProgramWidget-titleStyles applied to the title element.
actions.SCLoyaltyProgramWidget-actionsStyles applied to the actions section.
points.SCLoyaltyProgramWidget-pointsStyles applied to the points section.
discoverMore.SCLoyaltyProgramWidget-discover-moreStyles applied to discover more button element.

Parameters

ParameterTypeDescription
inPropsLoyaltyProgramWidgetProps

Returns

Element


LoyaltyProgramWidgetSkeleton()

LoyaltyProgramWidgetSkeleton(): 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 NameGlobal classDescription
root.SCLoyaltyProgramWidget-skeleton-rootStyles applied to the root element.
title.SCLoyaltyProgramWidget-titleStyles applied to the title element.
content.SCLoyaltyProgramWidget-contentStyles applied to the card content section.
chip.SCLoyaltyProgramWidget-chipStyles applied to the card chip element.
points.SCLoyaltyProgramWidget-pointsStyles applied to the card actions points element.
actions.SCLoyaltyProgramWidget-actionsStyles applied to the action section.

Returns

Element