ViewportObserver

The ViewportObserver component emits custom events when elements with the `data-ddi-viewport` attribute scroll in and out of view.

Observed section is not visible

Observed Section

This section demonstrates viewport observation. Scroll up and down to see the status indicator change as this section enters and exits the viewport.