How to show TextFieldType="TextFieldType.Password" in FluentUI TextField

[dosni]

How do I show password in FluentUI TextField with TextFieldType="TextFieldType.Password" ?

[vnbaaij]

Not sure what you mean here. You want to have the password reveal shown, like this?

Because that is already working (see https://www.fluentui-blazor.net/TextField#password)

[dosni]

Yes I want to reveal it. I dont have that icon on the right ? I am using 4.20 on Net 8.

I can show it using code ..
<FluentTextField Appearance="FluentInputAppearance.Outline" TextFieldType="@textPassword" style="width: 100%;" @bind-Value="user.Password" Placeholder="Password">

@code{
private TextFieldType textPassword { get; set; } = TextFieldType.Password;
private void ShowPassword()
{
textPassword = textPassword == TextFieldType.Password ? TextFieldType.Text : TextFieldType.Password;

}

}

[vnbaaij]

The reveal button is only showed when the text field is being filled in. Once the field loses focus and you navigate back to it, the button is not shown anymore. This is not specific to the library but is a general html (Chromium?) thing.

[vnbaaij]

Your code works as an option as well

[dosni]

Why I can not see it on my Screen ?

[vnbaaij]

See above ☝️

[dosni]

I tried but not working for me. I dont know what is wrong. It is strage !.

But it is okay. I just need to write some code to show and to hide. Thank you.