ComponentsUtilities

In View

Knows when an element scrolls into view — to animate it in, count an impression or mark list items as seen. One IntersectionObserver, browser only.

Part of @tectra-ng/utils (npm install @tectra-ng/utils, also included in tectra-ng).

Features3APIThemingAccessibility

Reveal

Scroll inside the box: each card gets its enterClass once it is 30% visible and keeps it. The animation is off with reduced motion.

Create a workspace
Name it and pick a region.
Invite the team
Send links by email or share one invite link.
Connect a domain
Point a CNAME record to the app.
Turn on backups
Daily snapshots, kept for 30 days.
Go live
Publish and watch the first visits come in.

Enter and leave

With once off the directive follows the element both ways: scroll the box and watch the tag and the counter.

Out of viewEntered 0 times
Target

Visible on scroll

txVisibleOnScroll reports each notification once it is fully visible in the box — scroll down and they turn read. Pinned ones are ignored.

Unread: 8
Pinned: maintenance on Sunday
Notification 2
Notification 3
Notification 4
Notification 5
Notification 6
Notification 7
Notification 8