##### Global Script The Active Navigation requires JavaScript for functionality. To initialize the Active Navigation instance from the global script use the following code: ```html ``` ##### Module Import For module imports, import the Active Navigation module from the source. ```javascript import ActiveNavigation from '{{ this.package.name }}/{{ this.global.src }}/components/active-navigation/active-navigation'; new ActiveNavigation(); ``` ##### Configuration The instantiated object `ActiveNavigation()` accepts an object with the following attributes: Attribute | Description ------------------|- `selector` | An alternate selector to the default `'[data-js*=\"active-navigation\"]'` `selectors` | An object containing alternate selectors used by the script. `observeOptions` | An object containing options for the Intersection Observer API. The attribute `observeOptions` can be passed containing attributes such as the `threshold` and `rootMargin`. The threshold option represents "a single number or an array of numbers which indicate at what percentage of the target's visibility the observer's callback should be executed." Refer to the MDN Intersection Observer API documentation for more details on what the options do. ```javascript new ActiveNavigation({ observeOptions: { root: null, rootMargin: '0px', threshold: [0.15] } }); ```