Embedding Member Info

Non-input dom nodes (HTML tags) can be marked with the data-ms-member-info attribute. If there is a logged in user, the widget will render the relevant information (as a text node) into the element.

Usage example

<div>
  Profile Image:
  <img data-ms-member-info="profileImageUrl" />
</div>

<div>
  First Name:
  <span data-ms-member-info="firstName"></span>
</div>

The rendered information updates as the user information changes

The available data types can be found here