SEO-136418 Blazor Autocomplete GitHub #3
There are no files selected for viewing
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,14 +1,54 @@ | ||
| # Add a Blazor AutoComplete Component to a Blazor Server App | ||
|
|
||
| A quick overview on how to create and configure the Syncfusion [Blazor AutoComplete](https://www.syncfusion.com/blazor-components/blazor-autocomplete?utm_source=github&utm_medium=listing&utm_campaign=blazor-autocomplete-github-samples) in a Blazor Server app using Visual Studio Code. You will learn how to add a simple Blazor AutoComplete to a Blazor Server app. You will also see how to populate it with list data and remote data sources. You will also learn how to highlight the searched text, and how to set a custom height and width for the AutoComplete pop-up. | ||
|
|
||
| ## Project pre-requisites | ||
| Make sure that you have the compatible versions of Visual Studio 2019 and .NET Core SDK latest version(3.1.2) in your machine before starting to work on this project. | ||
|
|
||
| ## How to run this application? | ||
| To run this application, you need to first clone the blazor-auto-complete-getting-started-example repository and then open it in Visual Studio 2019. Now, simply build and run your project to view the output. | ||
|
|
||
| ## Features and Benefits | ||
| ### Grouping | ||
| Group the suggestions based on logically grouped categories with individual headers. | ||
|
|
||
| ### Filtering | ||
| Built-in filtering support in the Blazor AutoComplete dropdown includes a rich set of filtering options to meet all your application needs. | ||
|
|
||
| ### Highlight matched text | ||
| The high-performance Blazor AutoComplete control lets you configure different visual appearances for the matching text of each suggestion. | ||
|
|
||
| ## Related links | ||
| [Learn More about Blazor AutoComplete](https://www.syncfusion.com/blazor-components/blazor-autocomplete?utm_source=github&utm_medium=listing&utm_campaign=blazor-autocomplete-github-samples) | ||
|
|
||
| [Documentation](https://blazor.syncfusion.com/documentation/autocomplete/getting-started?utm_source=github&utm_medium=listing&utm_campaign=blazor-autocomplete-github-samples) | ||
|
|
||
| [Download Free Trial](https://www.syncfusion.com/downloads/blazor/confirm?utm_source=github&utm_medium=listing&utm_campaign=blazor-autocomplete-github-samples) | ||
|
|
||
|
|
||
| [Release History](https://blazor.syncfusion.com/documentation/release-notes/19.4.38?type=all?utm_source=github&utm_medium=listing&utm_campaign=blazor-autocomplete-github-samples) | ||
|
|
||
|
|
||
| [Online Demos](https://github.com/syncfusion/blazor-samples?utm_source=github&utm_medium=listing&utm_campaign=blazor-autocomplete-github-samples) | ||
|
|
||
| [Contact Support](https://www.syncfusion.com/support/directtrac/incidents/newincident/?utm_source=github&utm_medium=listing&utm_campaign=blazor-autocomplete-github-samples) | ||
|
|
||
|
|
||
| [Suggest a feature or report a bug](https://www.syncfusion.com/feedback/blazor?utm_source=github&utm_medium=listing&utm_campaign=blazor-autocomplete-github-samples) | ||
|
|
||
| [Community Forums](https://www.syncfusion.com/forums?utm_source=github&utm_medium=listing&utm_campaign=blazor-autocomplete-github-samples) | ||
|
|
||
|
|
||
| [Knowledge base](https://www.syncfusion.com/kb?utm_source=github&utm_medium=listing&utm_campaign=blazor-autocomplete-github-samples) | ||
|
|
||
| [Pricing](https://www.syncfusion.com/sales/teamlicense?utm_source=github&utm_medium=listing&utm_campaign=blazor-autocomplete-github-samples) | ||
|
There was a problem hiding this comment. Re-arrange the related contents accordingly. |
||
|
|
||
| ## About Syncfusion Blazor UI Controls | ||
| Syncfusion's [Blazor UI Controls](https://www.syncfusion.com/blazor-components?utm_source=github&utm_medium=listing&utm_campaign=blazor-autocomplete-github-samples) library is the only suite that you will ever need to build an application since it contains over 100 high-performance, lightweight, modular, and responsive UI Controls in a single package. In addition to AutoComplete component, we provide popular Blazor Controls such as [DataGrid](https://www.syncfusion.com/blazor-components/blazor-datagrid?utm_source=github&utm_medium=listing&utm_campaign=blazor-autocomplete-github-samples), [Charts](https://www.syncfusion.com/blazor-components/blazor-charts?utm_source=github&utm_medium=listing&utm_campaign=blazor-autocomplete-github-samples), [Diagram](https://www.syncfusion.com/blazor-components/blazor-diagram?utm_source=github&utm_medium=listing&utm_campaign=blazor-autocomplete-github-samples), and [Scheduler](https://www.syncfusion.com/blazor-components/blazor-scheduler?utm_source=github&utm_medium=listing&utm_campaign=blazor-autocomplete-github-samples). | ||
|
|
||
|
|
||
| ## About Syncfusion | ||
| Founded in 2001 and headquartered in Research Triangle Park, N.C., Syncfusion has more than 29,000 customers and more than 1 million users, including large financial institutions, Fortune 500 companies, and global IT consultancies. | ||
|
|
||
| Today, we provide 1800+ components and frameworks for web ([Blazor](https://www.syncfusion.com/blazor-components?utm_source=github&utm_medium=listing&utm_campaign=blazor-autocomplete-github-samples), [ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-autocomplete-github-samples), [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-autocomplete-github-samples), [ASP.NET WebForms](https://www.syncfusion.com/jquery/aspnet-webforms-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-autocomplete-github-samples), [JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-autocomplete-github-samples), [Angular](https://www.syncfusion.com/angular-components?utm_source=github&utm_medium=listing&utm_campaign=blazor-autocomplete-github-samples), [React](https://www.syncfusion.com/react-components?utm_source=github&utm_medium=listing&utm_campaign=blazor-autocomplete-github-samples), [Vue](https://www.syncfusion.com/vue-components?utm_source=github&utm_medium=listing&utm_campaign=blazor-autocomplete-github-samples), and [Flutter](https://www.syncfusion.com/flutter-widgets?utm_source=github&utm_medium=listing&utm_campaign=blazor-autocomplete-github-samples)), mobile ([Xamarin](https://www.syncfusion.com/xamarin-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-autocomplete-github-samples), [Flutter](https://www.syncfusion.com/flutter-widgets?utm_source=github&utm_medium=listing&utm_campaign=blazor-autocomplete-github-samples), [UWP](https://www.syncfusion.com/uwp-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-autocomplete-github-samples), [JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-autocomplete-github-samples), and [.NET MAUI](https://www.syncfusion.com/maui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-autocomplete-github-samples)), and desktop development ([WinForms](https://www.syncfusion.com/winforms-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-autocomplete-github-samples), [WPF](https://www.syncfusion.com/wpf-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-autocomplete-github-samples), [WinUI](https://www.syncfusion.com/winui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-autocomplete-github-samples), [Flutter](https://www.syncfusion.com/flutter-widgets?utm_source=github&utm_medium=listing&utm_campaign=blazor-autocomplete-github-samples), [UWP](https://www.syncfusion.com/uwp-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-autocomplete-github-samples), and [.NET MAUI](https://www.syncfusion.com/maui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-autocomplete-github-samples)). We provide ready-to-deploy enterprise software for dashboards, reports, data integration, and big data processing. Many customers have saved millions in licensing fees by deploying our software. | ||
|
|
||
| <hr style="height:0.3px;border:none;color:lightgrey;background-color:lightgrey;" /> | ||
|
|
||
| <p align="center"> | ||
| <a href="mailto:sales@syncfusion.com?Subject=Syncfusion Blazor AutoComplete - Github" target="_top">sales@syncfusion.com</a> | <a href="https://www.syncfusion.com?utm_source=github&utm_medium=listing&utm_campaign=blazor-autocomplete-github-samples">www.syncfusion.com</a> | 1-888-9 DOTNET <br> | ||
| </p> | ||
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Use the appropriate content here..