UI MarCom

Log In Dialog Stable

A modal welcome screen to introduce the application without access.

<uimc-log-in-dialog 
  title=""
  description=""
  log-in-button-label="" 
  register-button-label="" 
  mode="">
  <img src="/ui-marcom/version/3.1" alt="alternate text to describe the image">
</uimc-log-in-dialog>

AttributeDescriptionValuesDefault
headlineHeadline of the Log In Dialog
descriptionDecription text for the log in
log-in-button-labelAdd a log in button by setting a label for itnone
register-button-labelAdd a register button by setting a label for itnone
modeChooses how it should be shownmodal, inlinemodal

CallbackArgumentDescription
onLogIneventPass a callback function that gets triggered when the log-in button is pressed
onRegistereventPass a callback function that gets triggered when the register button is pressed

alternate text to describe the image

<uimc-log-in-dialog 
  title="Welcome to UI MarCom Platform"
  description="This documentation shows designers and developers how we understand brand and interactive design, and helps implement our visual identity consistently."
  log-in-button-label="View documentation" 
  register-button-label="Close dialog" 
  mode="modal">
  <img src="/ui-marcom/version/3.1/assets/img/keyvisuals/login-dialog.jpg" alt="alternate text to describe the image">
</uimc-log-in-dialog>