User Identifier Stable

The User Identifier contains the user avatar and some user information (user name and affiliated institution). It is displayed in the Application Bar.

Usage Code

<uimc-user-identifier
>
  <uimc-menu>
    <uimc-menu-item>Log in</uimc-menu-item>
    <uimc-menu-item>Register</uimc-menu-item>
  </uimc-menu>
</uimc-user-identifier>

Attribute	Description	Values	Default
user	User object containing the attributes firstname, lastname, company and avatar	JSON formatted Object

Slot	Slotted content
default	Slot for the `<uimc-menu>` with the items

Logged in user with avatar

My profile

My services

Log out

<uimc-user-identifier
  user='{
    "avatar": "/ui-marcom/assets/img/brandville/sm11052_CS_03.jpg",
    "firstname": "Mustermann",
    "lastname": "Markus",
    "company": "Siemens Healthineers"
  }'
>
  <uimc-menu>
    <uimc-menu-item>My profile</uimc-menu-item>
    <uimc-menu-item>My services</uimc-menu-item>
    <uimc-menu-item>Log out</uimc-menu-item>
  </uimc-menu>
</uimc-user-identifier>

Logged in user without avatar

My profile

My services

Log out

<uimc-user-identifier
  user='{
    "firstname": "Mustermann",
    "lastname": "Markus",
    "company": "Siemens Healthineers"
  }'
>
  <uimc-menu>
    <uimc-menu-item>My profile</uimc-menu-item>
    <uimc-menu-item>My services</uimc-menu-item>
    <uimc-menu-item>Log out</uimc-menu-item>
  </uimc-menu>
</uimc-user-identifier>

Not Logged in user without avatar

<uimc-user-identifier
>
  <uimc-menu>
    <uimc-menu-item>Log in</uimc-menu-item>
    <uimc-menu-item>Register</uimc-menu-item>
  </uimc-menu>
</uimc-user-identifier>