# Create a `wa-intersection-observer` component

Generated wrapper for the Web Awesome `wa-intersection-observer`
component. Generated from Web Awesome metadata.

## Usage

``` r
wa_intersection_observer(
  ...,
  id = NULL,
  class = NULL,
  style = NULL,
  disabled = NULL,
  dir = NULL,
  intersect_class = NULL,
  lang = NULL,
  once = NULL,
  root = NULL,
  root_margin = NULL,
  threshold = NULL
)
```

## Arguments

- ...:

  Child content for the component's default slot.

- id:

  Optional DOM id attribute for HTML, CSS, and JS targeting.

- class:

  Optional CSS class string.

- style:

  Optional inline CSS style string.

- disabled:

  Boolean. Default: `FALSE`. Deactivates the intersection observer
  functionality.

- dir:

  String. Optional Web Awesome attribute.

- intersect_class:

  String. Default: `""`. CSS class applied to elements during
  intersection. Automatically removed when elements leave the viewport,
  enabling pure CSS styling based on visibility state.

- lang:

  String. Optional Web Awesome attribute.

- once:

  Boolean. Default: `FALSE`. If enabled, observation ceases after
  initial intersection.

- root:

  String. Default: `null`. Element ID to define the viewport boundaries
  for tracked targets.

- root_margin:

  String. Default: `0px`. Offset space around the root boundary. Accepts
  values like CSS margin syntax.

- threshold:

  String. Default: `0`. One or more space-separated values representing
  visibility percentages that trigger the observer callback.

## Value

An HTML tag for the component.

## Shiny Bindings

None.