Skip to content

SEO-2281: React-AutoComplete-External-Link-works #2

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 3 commits into
base: main
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
38 changes: 38 additions & 0 deletions .github/workflows/gitleaks.yaml
Original file line number Diff line number Diff line change
@@ -0,0 +1,38 @@
name: Secret Value found!
on:
push:
public:
jobs:
scan:
name: gitleaks
runs-on: ubuntu-latest
steps:
- name: Checkout
uses: actions/checkout@v3
- name: Install the gitleaks
run: wget https://github.com/zricethezav/gitleaks/releases/download/v8.15.2/gitleaks_8.15.2_linux_x64.tar.gz
shell: pwsh
- name: Extract the tar file
run: tar xzvf gitleaks_8.15.2_linux_x64.tar.gz
- name: Generate the report
id: gitleaks
run: $GITHUB_WORKSPACE/gitleaks detect -s $GITHUB_WORKSPACE -f json -r $GITHUB_WORKSPACE/leaksreport.json
shell: bash
continue-on-error: true
- name: Setup NuGet.exe
if: steps.gitleaks.outcome != 'success'
uses: nuget/setup-nuget@v1
with:
nuget-version: latest
- name: Install the dotnet
if: steps.gitleaks.outcome != 'success'
uses: actions/setup-dotnet@v3
with:
dotnet-version: '3.1.x'
- name: Install the report tool packages
if: steps.gitleaks.outcome != 'success'
run: |
nuget install "Syncfusion.Email" -source "https://nexus.syncfusion.com/repository/nuget-hosted/"
dir $GITHUB_WORKSPACE/Syncfusion.Email.1.0.0/lib/netcoreapp3.1
dotnet $GITHUB_WORKSPACE/Syncfusion.Email.1.0.0/lib/netcoreapp3.1/Email.dll "citeam@syncfusion.com" "$GITHUB_REF_NAME" ${{ secrets.NETWORKCREDENTIALS }} ${{ secrets.NETWORKKEY }} "$GITHUB_WORKSPACE"
exit 1
52 changes: 47 additions & 5 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,10 +1,6 @@
# 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.

Documentation: https://ej2.syncfusion.com/react/documentation/auto-complete/getting-started/

Online examples: https://ej2.syncfusion.com/react/demos/#/bootstrap5/auto-complete/default/
Quickly get started with the Syncfusion [React AutoComplete](https://www.syncfusion.com/react-ui-components/react-autocomplete?utm_source=github&utm_medium=listing&utm_campaign=react-autocomplete-github-samples) 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

Expand All @@ -13,3 +9,49 @@ Make sure that you have the latest versions of NodeJS and visual studio code in
### 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](https://www.syncfusion.com/react-ui-components/react-autocomplete?utm_source=github&utm_medium=listing&utm_campaign=react-autocomplete-github-samples)<br/><br/>
[Documentation](https://ej2.syncfusion.com/react/documentation/auto-complete/getting-started/?utm_source=github&utm_medium=listing&utm_campaign=react-autocomplete-github-samples)<br/><br/>
[Download Free Trial](https://www.syncfusion.com/downloads?utm_source=github&utm_medium=listing&utm_campaign=react-autocomplete-github-samples)<br/><br/>
[Online Demos](https://ej2.syncfusion.com/react/demos/#/bootstrap5/auto-complete/default/?utm_source=github&utm_medium=listing&utm_campaign=react-autocomplete-github-samples)<br/><br/>
[Community Forums](https://www.syncfusion.com/forums/windowsforms?utm_source=github&utm_medium=listing&utm_campaign=react-autocomplete-github-samples)<br/><br/>
[Knowledge Base](https://www.syncfusion.com/kb/essential-js2?utm_source=github&utm_medium=listing&utm_campaign=react-autocomplete-github-samples)<br/><br/>
[Suggest a feature](https://www.syncfusion.com/feedback/react?utm_source=github&utm_medium=listing&utm_campaign=react-autocomplete-github-samples)<br/><br/>
[Pricing](https://www.syncfusion.com/sales/products/react?utm_source=github&utm_medium=listing&utm_campaign=react-autocomplete-github-samples)<br/><br/>

## About Syncfusion React UI Components
Syncfusion's [React UI Components](https://www.syncfusion.com/react-ui-components?utm_source=github&utm_medium=listing&utm_campaign=react-autocomplete-github-samples) 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](https://www.syncfusion.com/react-ui-components/react-charts?utm_source=github&utm_medium=listing&utm_campaign=react-autocomplete-github-samples), [React DataGrid](https://www.syncfusion.com/react-ui-components/react-grid), [React Scheduler](https://www.syncfusion.com/react-ui-components/react-scheduler?utm_source=github&utm_medium=listing&utm_campaign=react-autocomplete-github-samples), [React Diagram](https://www.syncfusion.com/react-ui-components/react-diagram?utm_source=github&utm_medium=listing&utm_campaign=react-autocomplete-github-samples), and [React PDF Viewer](https://www.syncfusion.com/react-ui-components/react-pdf-viewer?utm_source=github&utm_medium=listing&utm_campaign=react-autocomplete-github-samples).

## 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](https://www.syncfusion.com/aspnet-core-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=react-autocomplete-github-samples), [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=react-autocomplete-github-samples), [ASP.NET WebForms](https://www.syncfusion.com/jquery/aspnet-webforms-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=react-autocomplete-github-samples), [JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=react-autocomplete-github-samples), [Angular](https://www.syncfusion.com/angular-ui-components?utm_source=github&utm_medium=listing&utm_campaign=react-autocomplete-github-samples), [React](https://www.syncfusion.com/react-ui-components?utm_source=github&utm_medium=listing&utm_campaign=react-autocomplete-github-samples), [Blazor](https://www.syncfusion.com/blazor-components?utm_source=github&utm_medium=listing&utm_campaign=react-autocomplete-github-samples), [Vue](https://www.syncfusion.com/vue-ui-components?utm_source=github&utm_medium=listing&utm_campaign=react-autocomplete-github-samples), and [Flutter](https://www.syncfusion.com/flutter-widgets?utm_source=github&utm_medium=listing&utm_campaign=react-autocomplete-github-samples)), mobile ([WinForms](https://www.syncfusion.com/WinForms-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=react-autocomplete-github-samples), [UWP](https://www.syncfusion.com/uwp-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=react-autocomplete-github-samples), [JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=react-autocomplete-github-samples), and [Flutter](https://www.syncfusion.com/flutter-widgets?utm_source=github&utm_medium=listing&utm_campaign=react-autocomplete-github-samples)), and desktop development ([Windows Forms](https://www.syncfusion.com/winforms-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=react-autocomplete-github-samples), [WPF](https://www.syncfusion.com/wpf-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=react-autocomplete-github-samples), [UWP](https://www.syncfusion.com/uwp-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=react-autocomplete-github-samples), [WinUI)](https://www.syncfusion.com/winui-controls?utm_source=github&utm_medium=listing&utm_campaign=react-autocomplete-github-samples), [.NET MAUI](https://www.syncfusion.com/maui-controls), and [Flutter](https://www.syncfusion.com/flutter-widgets?utm_source=github&utm_medium=listing&utm_campaign=react-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 React AutoComplete - Github Sample" target="_top">sales@syncfusion.com</a> | Toll Free: 1-888-9 DOTNET <br>
</p>