@empathyco/x-components/docs/API-reference/api/x-components.directionalfocusnavigationservice._constructor_.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) &gt; [(constructor)](./x-components.directionalfocusnavigationservice._constructor_.md)

## DirectionalFocusNavigationService.(constructor)

Constructor for the [DirectionalFocusNavigationService](./x-components.directionalfocusnavigationservice.md)<!-- -->.

**Signature:**

```typescript
constructor(
    container: HTMLElement, 
    focusableSelectors?: string);
```

## Parameters

<table><thead><tr><th>

Parameter


</th><th>

Type


</th><th>

Description


</th></tr></thead>
<tbody><tr><td>

container


</td><td>

HTMLElement


</td><td>

The element that contains the navigable elements.


</td></tr>
<tr><td>

focusableSelectors


</td><td>

string


</td><td>

_(Optional)_ A comma separated string with the focusable selectors to look up.


</td></tr>
</tbody></table>