DocSpace-buildtools/web/ASC.Web.Storybook/stories/drop-down/drop-down-profile-item
2019-08-07 13:16:30 +03:00
..
drop-down-profile-item.stories.js web: Components: Added DropDownProfileItem story 2019-08-07 13:16:30 +03:00
README.md web: Components: Added DropDownProfileItem story 2019-08-07 13:16:30 +03:00

DropDownProfileItem

Usage

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 - users email address.

Usage

<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