salla-loyalty-points-history
Customer account table of loyalty point transactions, with the current points balance on top.
Customer account table of loyalty point transactions, with the current points balance on top. Use it on a loyalty or account page for a signed-in customer.
It takes no props. It loads the first page from /balance/points when the page is ready, and shows a "Load more" button while more pages are available. When there are no transactions it shows an empty state.
Each row shows points, date, expiry date, note and status.
Use it
In HTML or JSX, use the tag <salla-loyalty-points-history> with the Attribute names below. In React, the wrapper takes the Property names (camelCase).
import { SallaLoyaltyPointsHistory } from '@salla.sa/twilight-components-react/loyalty-points-history';Example
import { SallaLoyaltyPointsHistory } from '@salla.sa/twilight-components-react/loyalty-points-history';
export function Example() {
return (
<SallaLoyaltyPointsHistory />
);
}Related
Renders: <salla-loading>, <salla-button>.
salla-loyalty-points-banner
A short banner on a product page that tells the customer how many loyalty points they earn when they buy the product.
salla-loyalty-program
The full loyalty program page content: a hero with the customer's points (or a login button for guests), a "how to start" section, the ways to earn points, and the rewards that can be redeemed, groupe