diff --git a/CodeBeam.MudBlazor.Extensions/Components/PasswordField/MudPasswordField.razor b/CodeBeam.MudBlazor.Extensions/Components/PasswordField/MudPasswordField.razor index 5eebbdc1..c6939b9b 100644 --- a/CodeBeam.MudBlazor.Extensions/Components/PasswordField/MudPasswordField.razor +++ b/CodeBeam.MudBlazor.Extensions/Components/PasswordField/MudPasswordField.razor @@ -19,50 +19,103 @@ ForId="@FieldId"> - - - @if (CustomAdornment != null) - { - @CustomAdornment - } - else - { - - } - - - + @if (AdornmentStart != null) + { + + + @AdornmentStart + + + @if (CustomAdornment != null) + { + @CustomAdornment + } + else + { + + } + + + } + else + { + + + @if (CustomAdornment != null) + { + @CustomAdornment + } + else + { + + } + + + } diff --git a/CodeBeam.MudBlazor.Extensions/Components/PasswordField/MudPasswordField.razor.cs b/CodeBeam.MudBlazor.Extensions/Components/PasswordField/MudPasswordField.razor.cs index 72eb77ba..6de5ac60 100644 --- a/CodeBeam.MudBlazor.Extensions/Components/PasswordField/MudPasswordField.razor.cs +++ b/CodeBeam.MudBlazor.Extensions/Components/PasswordField/MudPasswordField.razor.cs @@ -51,6 +51,11 @@ public partial class MudPasswordField : MudDebouncedInput /// [Parameter] public EventCallback OnClearButtonClick { get; set; } + /// + /// RenderFragment for start adornment. + /// + [Parameter] public RenderFragment AdornmentStart { get; set; } + /// /// RenderFragment for end adornment. /// diff --git a/ComponentViewer.Docs/Pages/Examples/PasswordFieldExample1.razor b/ComponentViewer.Docs/Pages/Examples/PasswordFieldExample1.razor index 59bdd852..e5011b98 100644 --- a/ComponentViewer.Docs/Pages/Examples/PasswordFieldExample1.razor +++ b/ComponentViewer.Docs/Pages/Examples/PasswordFieldExample1.razor @@ -1,16 +1,31 @@  - + @if (_adornmentStart) + { + + + + + + } + else + { + + } - Password Mode - + + Password Mode + Adornment Start + + @code{ string _password = "asdf"; bool _passwordMode; + bool _adornmentStart; Size _size = Size.Medium; }