# salla-app-install-alert (https://docs.salla.dev/twilight/react/web-components/salla-app-install-alert)



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

A banner that invites mobile and tablet visitors to install the store's mobile app.
Place it once in the theme layout. It renders nothing unless the store has an app install
prompt configured (`store.app_install_prompt`), the page is not already running inside the
store's mobile app, and the visitor is on a touch device with a viewport up to 1024px wide.
It appears 3 seconds after the page is ready. The title, sub title, icon and the
`top` or `bottom` position come from the store config, and the link points to the app
download URL. Closing the banner saves `app_install_prompt_disabled` in `salla.storage`.
It has no props and no slots.

## Use it [#use-it]

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

```tsx
import { SallaAppInstallAlert } from '@salla.sa/twilight-components-react/app-install-alert';
```

**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 { SallaAppInstallAlert } from '@salla.sa/twilight-components-react/app-install-alert';

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

```html
<salla-app-install-alert></salla-app-install-alert>
```