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;
}