# govil-img-lazy

> image component that load image when the image element is onScreen

Latest version **0.0.14** (published 2022-12-04) · MIT license · 0 weekly downloads

## Install

```sh
npm install govil-img-lazy
pnpm add govil-img-lazy
yarn add govil-img-lazy
bun add govil-img-lazy
```

## Health

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

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.14 |
| Published | 2022-12-04 |
| First published | 2021-03-04 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 7.8 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | govil |
| Maintainers | chaimzlot |

## Links

- npm: https://www.npmjs.com/package/govil-img-lazy
- npm.io page: https://npm.io/package/govil-img-lazy

## Recent versions

- 0.0.14 (latest) — 2022-12-04
- 0.0.12 — 2022-07-05
- 0.0.10 — 2021-07-12
- 0.0.9 — 2021-06-16
- 0.0.8 — 2021-05-30
- 0.0.7 — 2021-03-24
- 0.0.6 — 2021-03-10
- 0.0.5 — 2021-03-08
- 0.0.4 — 2021-03-07
- 0.0.3 — 2021-03-06
- 0.0.2 — 2021-03-05
- 0.0.1 — 2021-03-04

## README

# govil-link

A simply component written with TypeScript to present a link with arrow icon before it.

## How to use

Clone this repo to your local computer, then run:

- `npm install && npm run build`

You can now import `govil-link` as a normal package installed from npm like so:

```
import Link from 'govil-link';
...
```

You can also import the type definitions if you're using TypeScript like so:

```
import Link, { LinkableTitle }  from 'govil-link'
...
```

## Available props

```
interface LinkableTitle {
    title: string,
    url: string,
    isInternal: boolean
}

```

To customise this component, pass in a viewModel to the `vm` prop.

```
// your-component.js
import Link from 'govil-link'

...
     <Link title={vm.title} isInternal={true} url="https://www.gov.il/" />
...
```

**This component was built for the benefit of the citizens of Israel on behalf of the government, but of course also for the benefit of the OpenSource community and freely published in npm**

---
_Source: https://npm.io/package/govil-img-lazy · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._
