# DropDownProfileItem

## Usage

```js
import { DropDownProfileItem } from 'asc-web-components';
```

#### Description

To add preview of user profile, you must use DropDownProfileItem component inherited from DropDownItem and add isUserPreview parameter to DropDown.

To add an avatar username and email when you turn on isUserPreview parameter, you need to add parameters of Avatar component: avatarSource - link to user's avatar, avatarRole - user's role, displayName - user name and email - user’s email address.

#### Usage

```js
<DropDownProfileItem
    avatarRole='admin'
    avatarSource=''
    displayName='Jane Doe'
    email='janedoe@gmail.com' />
```

#### Properties

| Props              | Type     | Required | Values                      | Default        | Description                                                       |
| ------------------ | -------- | :------: | --------------------------- | -------------- | ----------------------------------------------------------------- |
| `avatarRole`       | `oneOf`  |    -     |`owner`,`admin`,`guest`,`user`| `user`        | Adds a user role table                                            |
| `avatarSource`     | `string` |    -     | -                           | -              | Avatar image source                                               |
| `displayName`      | `string` |    -     | -                           | -              | User name for display                                             |
| `email`            | `string` |    -     | -                           | -              | User email for display                                            |