> For the complete documentation index, see [llms.txt](https://docs.conscent.ai/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.conscent.ai/version-2.0/user-details-drawer.md).

# User Details Drawer

**Note:** This feature works only with Conscent's login system.

```javascript
const userDetailsPage = () => {
  console.log('User details page on its way.');
  // @ts-ignore
  const csc = window._csc as any;
  csc('open-user-details-page', {
    onSuccess: (data: any) => {
      console.log(data);
    },
  });
};

```

## Usage:

1. **Pre-requisite**: Ensure Conscent's login system is integrated.
2. **Trigger**: Call `userDetailsPage()` after login to open the drawer with user details.
3. **On Success**: User details will be available in the `data` object within the `onSuccess` callback.
4. Add a div defining the id to it. **for eg:** \<div id="users">\</div>

```javascript
document.getElementById('profile-icon').addEventListener('click', () => {
  userDetailsPage();
});
```