salla-wishlist-summary

A heart icon link to the account wishlist page, with a badge showing how many products are in the wishlist. Place it in the header next to salla-user-menu and salla-cart-summary, not inside the account dropdown.

It is rendered hidden for guests, and for stores whose plan is not basic or plus. The count updates when products are added to or removed from the wishlist.

Use itCopy Anchor Link

In HTML or JSX, use the tag <salla-wishlist-summary> with the Attribute names below. In React, the wrapper takes the Property names (camelCase).

import { SallaWishlistSummary } from '@salla.sa/twilight-components-react/wishlist-summary';

ExampleCopy Anchor Link

import { SallaWishlistSummary } from '@salla.sa/twilight-components-react/wishlist-summary';

export function Example() {
  return (
    <SallaWishlistSummary />
  );
}