salla-payments

Lists the payment method logos the store accepts, plus the Made in KSA badge and the Saudi Business Center certificate when the store has them. Typically used in the theme footer. The methods come from the store settings; use exclude to hide some of them.

Use itCopy Anchor Link

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

import { SallaPayments } from '@salla.sa/twilight-components-react/payments';

Client-only. On the server this wrapper renders a placeholder (a skeleton, or nothing), and the real component mounts in the browser. Do not rely on it for content that search engines must see.

ExampleCopy Anchor Link

import { SallaPayments } from '@salla.sa/twilight-components-react/payments';

export function Example() {
  return (
    <SallaPayments exclude='["cod","mada"]' />
  );
}

PropertiesCopy Anchor Link

SlotsCopy Anchor Link