in-view (1.0.1)

Published 2026-05-30 15:17:32 +00:00 by melanie in melanie/in-view

Setup this registry in your project .npmrc file:

registry=

To install the package using npm, run the following command:

npm install in-view@1.0.1

or add it to the package.json file:

"in-view": "1.0.1"

For more information on the npm registry, see the documentation.

in-view

A web component for checking if an element is in view using Intersection Observer by wrapping a HTML template tag.

npm install --save @zicklepop/in-view

data-rootMargin string, optional: CSS margin syntax to expand the outside area considered in view. (mdn)
data-threshold float, optional: Sensitivity for how much of the element must be in view, written as a decimal representation of a percentage. (mdn)

To work it only requires a template element around whatever you want to render when in view.

<in-view>
  <template>I show up when I'm in view!</template>
</in-view>

web component intersection observer

Details

npm

2026-05-30 15:17:32 +00:00

Melanie Kat

Unlicense

latest

3.5 KiB

Assets (1)

in-view-1.0.1.tgz 3.5 KiB

Versions (1) View all

1.0.1

2026-05-30