diff --git a/BlazorFluentUI/Components/App.razor b/BlazorFluentUI/Components/App.razor index 9a92bd8..2204422 100644 --- a/BlazorFluentUI/Components/App.razor +++ b/BlazorFluentUI/Components/App.razor @@ -19,10 +19,11 @@ - - + + + diff --git a/BlazorFluentUI/Components/Pages/FormInputs/FormInputTextField.razor b/BlazorFluentUI/Components/Pages/FormInputs/FormInputTextField.razor index 2da6537..b510fbd 100644 --- a/BlazorFluentUI/Components/Pages/FormInputs/FormInputTextField.razor +++ b/BlazorFluentUI/Components/Pages/FormInputs/FormInputTextField.razor @@ -1,5 +1,7 @@ @page "/forminputtexfield" +@inject NavigationManager navManger; + @rendermode RenderMode.InteractiveServer TextField @@ -34,6 +36,86 @@ +Displays + + +
Full Width
+ +
+
Placeholder
+ +
+
+
Icons
+ + + + + + + + + + + + +
+ + + +Types + + + +
+
Password
+ Password +
+
+
Email (with spellcheck)
+ Email +
+
+
Telephone number
+ Tel +
+
+
Url
+ Url +
+
+
InputMode (Numeric)
+ InputMode.Numeric +
+ + Check + + + + +Focus + +

Focus Async

+
+ + FocusAsync +
+ + @code { string? eval1, eval2, eval3, eval4; + + string? dval1, dval2, dval3; + + string? tval1, tval2, tval3, tval4, tval5; + + string tmodel = string.Empty; + + void NavigateToThisPage() + { + navManger.NavigateTo("/forminputtexfield"); + } + + FluentTextField? focusTest; + string? fval; }