diff --git a/Documentation/Blazorise.Docs/Pages/Docs/Extensions/Autocomplete/AutocompletePage.razor b/Documentation/Blazorise.Docs/Pages/Docs/Extensions/Autocomplete/AutocompletePage.razor index 26adbc4133..657102a99e 100644 --- a/Documentation/Blazorise.Docs/Pages/Docs/Extensions/Autocomplete/AutocompletePage.razor +++ b/Documentation/Blazorise.Docs/Pages/Docs/Extensions/Autocomplete/AutocompletePage.razor @@ -268,6 +268,12 @@ Defines the text color of the search field. + + Defines the class for the search field. + + + Defines the style for the search field. + Event handler used to detect when the autocomplete is closed. diff --git a/Source/Extensions/Blazorise.Components/Autocomplete.razor b/Source/Extensions/Blazorise.Components/Autocomplete.razor index 23fd1363f5..0582d34229 100644 --- a/Source/Extensions/Blazorise.Components/Autocomplete.razor +++ b/Source/Extensions/Blazorise.Components/Autocomplete.razor @@ -43,7 +43,9 @@ DebounceInterval="@DebounceInterval" CustomValidationValue="@GetValidationValue" Background="@SearchBackground" - TextColor="@SearchTextColor"> + TextColor="@SearchTextColor" + Class="@SearchClass" + Style="@SearchStyle"> diff --git a/Source/Extensions/Blazorise.Components/Autocomplete.razor.cs b/Source/Extensions/Blazorise.Components/Autocomplete.razor.cs index 6c06007004..380caf3f54 100644 --- a/Source/Extensions/Blazorise.Components/Autocomplete.razor.cs +++ b/Source/Extensions/Blazorise.Components/Autocomplete.razor.cs @@ -1387,6 +1387,16 @@ public string Search /// [Parameter] public TextColor SearchTextColor { get; set; } + /// + /// Defines class for search field. + /// + [Parameter] public string SearchClass { get; set; } + + /// + /// Defines style for search field. + /// + [Parameter] public string SearchStyle { get; set; } + /// /// Currently selected items values. /// Used when multiple selection is set.