Skip to content

Quickly get started with the Syncfusion React AutoComplete Component. This project contains a few of the control’s basic features, like binding list and remote data, and customizing pop-up height and width.

Notifications You must be signed in to change notification settings

SyncfusionExamples/getting-started-with-the-react-autocomplete-component

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Getting Started with the React AutoComplete Component

Quickly get started with the Syncfusion React AutoComplete Component. This project contains a few of the control's basic features, like binding list and remote data, and customizing pop-up height and width.

Project prerequisites

Make sure that you have the latest versions of NodeJS and visual studio code in your machine before starting to work on this project.

How to run this application?

To run this application, you need to clone the getting-started-with-the-react-autocomplete-component repository and then open it in Visual Studio Code. Now, simply install all the necessary react packages into your current project using the npm install command and run your project using the npm start command.

Features and Benefits of React AutoComplete

Data binding

You can bind data from a variety of data sources, such as an array of primitive data, JSON data collections, or remote data sources using different kinds of adaptors such as OData, OData V4, URL, JSON, and Web API.

Filtering

Built-in filtering support includes a rich set of filtering options that is available to meet all your application needs.

Autofill search

The React AutoComplete component has an autofill search option that completes the word that the user types based on the suggestion text, allowing the end user to search for items easily.

Grouping

Group the suggestions based on logically grouped categories with individual headers.

UI customization

Customize the appearance of each item displayed in the suggestion list with templating.

Floating label

Developer can control whether the placeholder should float.

Related Links

Learn More about React AutoComplete

Documentation

Download Free Trial

Online Demos

Community Forums

Knowledge Base

Suggest a feature

Pricing

About Syncfusion React UI Components

Syncfusion's React UI Components library is the only suite that you will ever need to build an application since it contains over 70 high-performance, lightweight, modular, and responsive UI Components in a single package. In addition to AutoComplete, we provide popular React Components such as React Charts, React DataGrid, React Scheduler, React Diagram, and React PDF Viewer.

About Syncfusion

Founded in 2001 and headquartered in Research Triangle Park, N.C., Syncfusion has more than 28000+ companies and more than 1 million users, including large financial institutions, Fortune 500 companies, and global IT consultancies.

Today, we provide 1700+ controls and frameworks for web (ASP.NET Core, ASP.NET MVC, ASP.NET WebForms, JavaScript, Angular, React, Blazor, Vue, and Flutter), mobile (WinForms, UWP, JavaScript, and Flutter), and desktop development (Windows Forms, WPF, UWP, WinUI), .NET MAUI, and Flutter). 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.


sales@syncfusion.com | Toll Free: 1-888-9 DOTNET

About

Quickly get started with the Syncfusion React AutoComplete Component. This project contains a few of the control’s basic features, like binding list and remote data, and customizing pop-up height and width.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 5