# salla-apps-icons (https://docs.salla.dev/twilight/react/web-components/salla-apps-icons)



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

Shows the store's mobile app download badges (for example App Store and Google Play) as links, using the app links from
the store settings. Use it in the footer. It renders nothing when the store has no apps.

## Use it [#use-it]

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

```tsx
import { SallaAppsIcons } from '@salla.sa/twilight-components-react/apps-icons';
```

## Try it [#try-it]

<Demo name="web-components/salla-apps-icons" />

## Example [#example]

```tsx
import { SallaAppsIcons } from '@salla.sa/twilight-components-react/apps-icons';

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

```html
<salla-apps-icons vertical></salla-apps-icons>
```

## Properties [#properties]

| Property    | Attribute    | Description                                                                                                                                    | Type      | Default |
| ----------- | ------------ | ---------------------------------------------------------------------------------------------------------------------------------------------- | --------- | ------- |
| `appsTitle` | `apps-title` | The heading text. The component sets it to the translated "download apps" text once translations load, so a value set before that is replaced. | `string`  |         |
| `hideTitle` | `hide-title` | Hides the title heading above the badges.                                                                                                      | `boolean` |         |
| `vertical`  | `vertical`   | Stacks the badges vertically (adds the `vertical` class to the list). When false they are laid out horizontally.                               | `boolean` |         |

## Slots [#slots]

| Slot  | Description                                                  |
| ----- | ------------------------------------------------------------ |
| `app` | Replaces app item, has replaceable props `{icon}`, `{name}`. |