mask password in ST

This commit is contained in:
Matt Hill
2026-03-25 17:29:19 -06:00
parent cc89023bbd
commit 58f1dc5025

View File

@@ -17,11 +17,13 @@ import {
TuiButton, TuiButton,
TuiDialogContext, TuiDialogContext,
TuiError, TuiError,
TuiNotificationService, TuiIcon,
TuiInput, TuiInput,
TuiNotificationService,
TuiTextfield,
tuiValidationErrorsProvider, tuiValidationErrorsProvider,
} from '@taiga-ui/core' } from '@taiga-ui/core'
import { TuiButtonLoading } from '@taiga-ui/kit' import { TuiButtonLoading, TuiPassword } from '@taiga-ui/kit'
import { TuiForm } from '@taiga-ui/layout' import { TuiForm } from '@taiga-ui/layout'
import { injectContext, PolymorpheusComponent } from '@taiga-ui/polymorpheus' import { injectContext, PolymorpheusComponent } from '@taiga-ui/polymorpheus'
import { map } from 'rxjs' import { map } from 'rxjs'
@@ -32,16 +34,24 @@ import { ApiService } from 'src/app/services/api/api.service'
<form tuiForm [formGroup]="form"> <form tuiForm [formGroup]="form">
<tui-textfield> <tui-textfield>
<label tuiLabel>New password</label> <label tuiLabel>New password</label>
<input tuiInput tuiAutoFocus formControlName="password" /> <input
tuiInput
tuiAutoFocus
type="password"
formControlName="password"
/>
<tui-icon tuiPassword />
</tui-textfield> </tui-textfield>
<tui-error formControlName="password" /> <tui-error formControlName="password" />
<tui-textfield> <tui-textfield>
<label tuiLabel>Confirm new password</label> <label tuiLabel>Confirm new password</label>
<input <input
tuiInput tuiInput
type="password"
formControlName="confirm" formControlName="confirm"
[tuiValidator]="matchValidator()" [tuiValidator]="matchValidator()"
/> />
<tui-icon tuiPassword />
</tui-textfield> </tui-textfield>
<tui-error formControlName="confirm" /> <tui-error formControlName="confirm" />
<footer> <footer>
@@ -72,7 +82,10 @@ import { ApiService } from 'src/app/services/api/api.service'
TuiButtonLoading, TuiButtonLoading,
TuiError, TuiError,
TuiForm, TuiForm,
TuiIcon,
TuiInput, TuiInput,
TuiPassword,
TuiTextfield,
TuiValidator, TuiValidator,
], ],
}) })