<!-- 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

|  Parameter | Type | Description |
|  --- | --- | --- |
|  container | HTMLElement | The element that contains the navigable elements. |
|  focusableSelectors | string | _(Optional)_ A comma separated string with the focusable selectors to look up. |