@empathyco/x-components/docs/API-reference/api/x-components.directionalfocusnavigationservice.md

Empathy X Components

<!-- Do not edit this file. It is automatically generated by API Documenter. -->

[Home](./index.md) &gt; [@empathyco/x-components](./x-components.md) &gt; [DirectionalFocusNavigationService](./x-components.directionalfocusnavigationservice.md)

## DirectionalFocusNavigationService class

Implementation of [SpatialNavigation](./x-components.spatialnavigation.md) using directional focus.

**Signature:**

```typescript
export declare class DirectionalFocusNavigationService implements SpatialNavigation 
```
**Implements:** [SpatialNavigation](./x-components.spatialnavigation.md)

## Constructors

|  Constructor | Modifiers | Description |
|  --- | --- | --- |
|  [(constructor)(container, focusableSelectors)](./x-components.directionalfocusnavigationservice._constructor_.md) |  | Constructor for the [DirectionalFocusNavigationService](./x-components.directionalfocusnavigationservice.md)<!-- -->. |

## Methods

|  Method | Modifiers | Description |
|  --- | --- | --- |
|  [navigateTo(arrowKey)](./x-components.directionalfocusnavigationservice.navigateto.md) |  | Get the element that would be the next one to be navigated to based on the direction of the arrow key pressed. If there are no possible candidates the element to focus would be the one on currently on focus or the first one in the container. |