32 lines
1.6 KiB
Markdown
32 lines
1.6 KiB
Markdown
|
# 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 |
|