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" alt="alternate text to describe the image">
</uimc-log-in-dialog>| Attribute | Description | Values | Default |
|---|---|---|---|
| headline | Headline of the Log In Dialog | String | – |
| description | Decription text for the log in | String | – |
| log-in-button-label | Add a log in button by setting a label for it | String | none |
| register-button-label | Add a register button by setting a label for it | String | none |
| mode | Chooses how it should be shown | modal, inline | modal |
| Callback | Argument | Description |
|---|---|---|
| onLogIn | event | Pass a callback function that gets triggered when the log-in button is pressed |
| onRegister | event | Pass a callback function that gets triggered when the register button is pressed |
<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/assets/img/keyvisuals/login-dialog.jpg" alt="alternate text to describe the image">
</uimc-log-in-dialog>