salla-trust-badges

Shows the store's legal registration number in the theme footer: the Commercial Register number if the store has one, otherwise the Freelance Certificate number.

Shows the store's legal registration number in the theme footer: the Commercial Register number if the store has one, otherwise the Freelance Certificate number. The badge image is only shown for stores in Saudi Arabia (store.store_country is SA); the label and number are always shown. Nothing is rendered when the store has neither number.

Use it

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

import { SallaTrustBadges } from '@salla.sa/twilight-components-react/trust-badges';

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.

Example

import { SallaTrustBadges } from '@salla.sa/twilight-components-react/trust-badges';

export function Example() {
  return (
    <SallaTrustBadges />
  );
}
import { SallaTrustBadges } from '@salla.sa/twilight-components-react/trust-badges';

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

Properties

PropertyAttributeDescriptionTypeDefault
darkdarkSet to true on dark footers: uses the white version of the Freelance Certificate image and adds a dark class to the host. The Commercial Register image is the same either way.booleanfalse

On this page