Select theme:

Material 3

Login (Angular)link

This guide demonstrates how to use the Login component.

Login Propertieslink

NameTypeDefaultDescription
Namestring'login' + index suffixUnique name of the login.
AllowRegisterboolean/expressiontrueIs Register button visible.
AllowResetPasswordboolean/expressiontrueIs Reset password button visible.
LoginTextstring'Login'Login button text.
RegisterTextstring'Register'Register button text.
UserTextstring'Username'User label text.
UserRequiredTextstring'Username is required'User requred text.
PasswordTextstring'Password'Password label text.
PasswordRequiredTextstring'Password is required'Password requred text.

image

Login Eventslink

NameTypeDefaultDescription
LogineventnullLogin event. Object with username and password properties as event argument.
RegistereventnullRegister event. No event arguments.

image

For more info about event actions please visit event actions in our documentation.

Angular declarationlink

<rz-login #login0 (login)="login0Login($event)">
</rz-login>

© 2016-2025 Radzen Ltd. All Rights Reserved.
Designed and developed with ❤️ in Radzen Blazor Studio.

Select theme:

Material 3