# salla-trust-badges (https://docs.salla.dev/twilight/react/web-components/salla-trust-badges)



{/* Generated by scripts/sync-web-components.mjs from the components docs.json. Do not edit by hand. */}

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 [#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).

```tsx
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 [#example]

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

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

```html
<salla-trust-badges></salla-trust-badges>
```

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

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

```html
<salla-trust-badges dark></salla-trust-badges>
```

## Properties [#properties]

| Property | Attribute | Description                                                                                                                                                                       | Type      | Default |
| -------- | --------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------- | ------- |
| `dark`   | `dark`    | Set 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. | `boolean` | `false` |