# pwa-add-home-ios

> test

Latest version **1.7.1** (published 2020-05-29) · MIT license · 0 weekly downloads

## Install

```sh
npm install pwa-add-home-ios
pnpm add pwa-add-home-ios
yarn add pwa-add-home-ios
bun add pwa-add-home-ios
```

## Health

**Score 20/100 (F)** — status: abandoned.

Positive: esm support; no vulnerabilities.

Warnings: low downloads; no types.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.7.1 |
| Published | 2020-05-29 |
| First published | 2020-05-28 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Node | >=10 |
| Dependencies | 2 |
| Unpacked size | 19.8 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | LucasMallmann |
| Maintainers | lucas_mallmann |
| Keywords | nextjs, pwa, typescript |

## Links

- npm: https://www.npmjs.com/package/pwa-add-home-ios
- Repository: https://github.com/LucasMallmann/test
- Homepage: https://github.com/LucasMallmann/test#readme
- Issues: https://github.com/LucasMallmann/test/issues
- npm.io page: https://npm.io/package/pwa-add-home-ios

## Dependencies (2)

- [react-icons](https://npm.io/package/react-icons.md) ^3.10.0
- [styled-components](https://npm.io/package/styled-components.md) ^5.1.1

## Alternatives

- [@openai/codex-sdk](https://npm.io/package/@openai/codex-sdk.md) — 731.4K weekly downloads
- [babel-plugin-transform-react-jsx](https://npm.io/package/babel-plugin-transform-react-jsx.md) — 565.0K weekly downloads
- [babel-helper-remove-or-void](https://npm.io/package/babel-helper-remove-or-void.md) — 508.5K weekly downloads
- [@pnpm/store-controller-types](https://npm.io/package/@pnpm/store-controller-types.md) — 186.9K weekly downloads
- [react-native-signature-canvas](https://npm.io/package/react-native-signature-canvas.md) — 155.6K weekly downloads

## Recent versions

- 1.7.1 (latest) — 2020-05-29
- 1.6.1 — 2020-05-29
- 1.6.0 — 2020-05-28
- 1.5.0 — 2020-05-28
- 1.4.0 — 2020-05-28
- 1.2.0 — 2020-05-28
- 1.1.0 — 2020-05-28
- 1.0.0 — 2020-05-28

## README

# pwa-add-home-ios

> pwa-add-home-ios

[![NPM](https://img.shields.io/npm/v/test.svg)](https://www.npmjs.com/package/test) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

Bring your pwa to iOS with notch detection out of the box!

## Install

```bash
npm install --save pwa-add-home-ios
```

Or with yarn

```
yarn add pwa-add-home-ios
```

## Usage

```tsx
import React, { Component } from 'react';

import logo from './logo.svg';

import Modal from 'pwa-add-home-ios';

const Example: React.FC = () => {
  return (
    <Modal
      title="Add this page to your home screen"
      image={logo}
      onClickBanner={() => console.log('You clicked the banner :)')}
      style={{
        backgroundColor: 'red',
      }}
    />
  );
};
```

## Usage with nextJs

With NextJS you must use the dynamic import. Since the lib needs to use the window object, it won't work on the server side. With dynamic import you can prevent the lib from loading on the server-side, and only import it on the client-side.

```tsx
import React, { Component } from 'react';
import dynamic from 'next/dynamic';

const AddToHomeScreen = dynamic(() => import('pwa-add-home-ios'), {
  ssr: false,
});

import logo from './logo.svg';

const Example: React.FC = () => {
  return (
    <Modal
      title="Add this page to your home screen"
      image={logo}
      onClickBanner={() => console.log('You clicked the banner :)')}
      style={{
        backgroundColor: 'red',
      }}
    />
  );
};
```

## License

MIT © [LucasMallmann](https://github.com/LucasMallmann)

---
_Source: https://npm.io/package/pwa-add-home-ios · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._