Login

O componente Login deve ser adicionado em uma pagina, e ele carrega os ítens necessários para realizar a autenticação.

Existe dois tipo de autenticação: Com formulário e Apenas com botão.

img Login sem Formulário

img Login com Formulário

Atributos da tag#

AtributoInput/OutputTipoObrigatórioValor padrão
header@InputStringSimHeader
subHeader@InputStringNãoSubheader
buttonText@InputStringNãoButton
desktopImage@InputStringNão-
mobileImage@InputStringNão-
floatLogo@InputStringNão-
googleLogo@InputStringNão-
buttonBackground@InputStringNãored
hasForm@InputBooleanNãofalse
fieldUser@InputBooleanNãoUser
fieldPass@InputBooleanNãoPassword
signIn@InputStringSim-
Button background

As cores aceitas são: red, aquamarine, gray, yellow, green e purple

Como usar#

<ugl-login #auth
[header]="'Ugla'"
[subheader]="'Library'"
[buttonText]="'Authenticate'"
[desktopImage]="'./assets/imgs/autentication-desktop.jpg'"
[mobileImage]="'./assets/imgs/autentication-mobile.jpg'"
[googleLogo]="'./assets/imgs/icon-google.svg'"
[buttonBackgroud]="'aquamarine'"
[hasForm]="true"
(signIn)="signIn2()"></ugl-login>