# Directory Sync Widget
import * as directorySync from "./directory-sync.props";
import { PropsTableHydrator } from "../../../components/props-table-hydrator";
The `` widget enables users to manage Directory Sync connections in the Admin Portal. It displays the directory status, metadata, and callout messages.
In order to use the Directory Sync widget, a user must have a role that has the `widgets:dsync:manage` permission.
:::code-group
```js language="js" title="Widget Token" tab="js-1"
import { DirectorySync, WorkOsWidgets } from '@workos-inc/widgets';
/**
* @param {string} authToken - A widget token that was fetched in your backend. See the
* "Tokens" section of this guide for details on how to generate the token
*/
export function AdminPortal({ authToken }) {
return (
);
}
```
:::
## API Reference